Иконка Film Fill

keyline-icons:film-fill

Иконка Film Fill (keyline-icons:film-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: filmfill

Скачать SVG

Код SVG

<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>

Как использовать иконку Film Fill

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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/keyline-icons/film-fill.svg" alt="Иконка Film Fill" width="24" height="24">

Иконка Film Fill в других наборах

Вопросы и ответы: Иконка Film Fill

Можно ли бесплатно использовать иконку Film Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Film Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:film-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Film Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/film-fill.svg" alt="Иконка Film Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →