Film Frames icon

emojione-monotone:film-frames

The Film Frames icon (emojione-monotone:film-frames) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Objects
Tags: filmframes, frame

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="m56.164 22.098l-6.465 6.465a.737.737 0 0 1-1.041 0l-13.22-13.222a.734.734 0 0 1 0-1.04l6.465-6.465L36.068 2L2 36.068l5.833 5.834l6.265-6.262a.735.735 0 0 1 1.041 0L28.36 48.862a.74.74 0 0 1 0 1.04l-6.262 6.264L27.932 62L62 27.934zM34.082 6.721l1.972-1.971a.665.665 0 0 1 .944 0l1.973 1.971a.67.67 0 0 1 0 .946l-1.973 1.972a.67.67 0 0 1-.944 0l-1.972-1.972a.67.67 0 0 1 0-.946m-5.874 5.875l1.972-1.972a.666.666 0 0 1 .945 0l1.97 1.972a.665.665 0 0 1 0 .945l-1.97 1.972a.666.666 0 0 1-.945 0l-1.972-1.972a.67.67 0 0 1 0-.945m-5.854 5.854l1.971-1.97a.67.67 0 0 1 .947 0l1.97 1.97a.67.67 0 0 1 0 .947l-1.97 1.97a.67.67 0 0 1-.947 0l-1.971-1.97a.67.67 0 0 1 0-.947M9.637 37l-1.971 1.973a.67.67 0 0 1-.947 0L4.748 37a.67.67 0 0 1 0-.946l1.971-1.97a.67.67 0 0 1 .947 0l1.971 1.97c.26.262.26.686 0 .946m5.875-5.873l-1.971 1.97a.67.67 0 0 1-.947 0l-1.972-1.97a.67.67 0 0 1 0-.947l1.972-1.972a.67.67 0 0 1 .947 0l1.971 1.972a.67.67 0 0 1 0 .947m.967-6.803l1.971-1.97a.67.67 0 0 1 .947 0l1.971 1.97c.26.262.26.685 0 .947l-1.971 1.97a.67.67 0 0 1-.947 0l-1.971-1.97a.67.67 0 0 1 0-.947m1.78 8.197a.735.735 0 0 1 0-1.041l13.22-13.223a.737.737 0 0 1 1.041 0L45.742 31.48a.737.737 0 0 1 0 1.041L32.52 45.742a.737.737 0 0 1-1.041 0zm11.567 24.668l-1.972 1.971a.67.67 0 0 1-.946 0l-1.971-1.971a.67.67 0 0 1 0-.946l1.971-1.972a.67.67 0 0 1 .946 0l1.972 1.972c.26.262.26.685 0 .946m5.875-5.875l-1.973 1.97a.666.666 0 0 1-.945 0l-1.972-1.97a.666.666 0 0 1 0-.945l1.972-1.973a.67.67 0 0 1 .945 0l1.973 1.973a.67.67 0 0 1 0 .945m5.854-5.854l-1.971 1.97a.666.666 0 0 1-.946 0l-1.972-1.97a.67.67 0 0 1 0-.946l1.972-1.971a.67.67 0 0 1 .946 0l1.971 1.971a.67.67 0 0 1 0 .946m5.873-5.876l-1.97 1.973a.67.67 0 0 1-.946 0l-1.971-1.973a.67.67 0 0 1 0-.946l1.971-1.97a.666.666 0 0 1 .946 0l1.97 1.97a.67.67 0 0 1 0 .946m5.855-5.854l-1.97 1.971a.67.67 0 0 1-.946 0l-1.973-1.971a.67.67 0 0 1 0-.947l1.973-1.972a.67.67 0 0 1 .946 0l1.97 1.972a.667.667 0 0 1 0 .947m3.906-3.904a.67.67 0 0 1-.949 0l-1.97-1.972a.665.665 0 0 1 0-.944l1.97-1.973a.67.67 0 0 1 .949 0l1.971 1.973c.26.26.26.683 0 .944z"/></svg>

How to use the Film Frames icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:film-frames" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:film-frames" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:film-frames" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--film-frames]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:film-frames"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:film-frames"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/film-frames.svg" alt="Film Frames icon" width="24" height="24">

Related icons in Emoji One (Monotone)

Film Frames icon in other icon sets

Film Frames icon FAQ

Is the Film Frames icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Film Frames icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:film-frames" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Film Frames icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/film-frames.svg" alt="Film Frames icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →