Film Fill icon
keyline-icons:film-fill
The Film Fill icon (keyline-icons:film-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- filmfill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4.5 6.5C4.2239 6.5 4 6.7239 4 7L4 8C4 8.2761 4.2239 8.5 4.5 8.5L6.5 8.5C6.7761 8.5 7 8.2761 7 8L7 7C7 6.7239 6.7761 6.5 6.5 6.5L4.5 6.5ZM17.5 6.5C17.2239 6.5 17 6.7239 17 7L17 8C17 8.2761 17.2239 8.5 17.5 8.5L19.5 8.5C19.7761 8.5 20 8.2761 20 8L20 7C20 6.7239 19.7761 6.5 19.5 6.5L17.5 6.5ZM4.5 11C4.2239 11 4 11.2239 4 11.5L4 12.5C4 12.7761 4.2239 13 4.5 13L6.5 13C6.7761 13 7 12.7761 7 12.5L7 11.5C7 11.2239 6.7761 11 6.5 11L4.5 11ZM17.5 11C17.2239 11 17 11.2239 17 11.5L17 12.5C17 12.7761 17.2239 13 17.5 13L19.5 13C19.7761 13 20 12.7761 20 12.5L20 11.5C20 11.2239 19.7761 11 19.5 11L17.5 11ZM4.5 15.5C4.2239 15.5 4 15.7239 4 16L4 17C4 17.2761 4.2239 17.5 4.5 17.5L6.5 17.5C6.7761 17.5 7 17.2761 7 17L7 16C7 15.7239 6.7761 15.5 6.5 15.5L4.5 15.5ZM17.5 15.5C17.2239 15.5 17 15.7239 17 16L17 17C17 17.2761 17.2239 17.5 17.5 17.5L19.5 17.5C19.7761 17.5 20 17.2761 20 17L20 16C20 15.7239 19.7761 15.5 19.5 15.5L17.5 15.5Z"/></svg>
How to use the Film Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:film-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:film-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:film-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--film-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:film-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:film-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/film-fill.svg" alt="Film Fill icon" width="24" height="24">
Related icons in Keyline Icons
Film Fill icon in other icon sets
Film Fill icon FAQ
Is the Film Fill icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Film Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:film-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Film Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/film-fill.svg" alt="Film Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
