ICONYZ
Français
Icône Film Fill de Keyline Icons

Icône Film Fill

keyline-icons:film-fill

L'icône Film Fill (keyline-icons:film-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Keyline Icons
Auteur
Keyline Icons
Licence
MIT
Taille
24 × 24
Mots-clés
filmfill
Télécharger le SVG

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

Comment utiliser l'icône 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>

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>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/film-fill.svg" alt="Icône Film Fill" width="24" height="24">

Icônes similaires dans Keyline Icons

L'icône Film Fill dans d'autres collections

FAQ : Icône Film Fill

L'icône Film Fill est-elle gratuite pour un usage commercial ?

Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Film Fill dans React ?

Installez @iconify/react et affichez <Icon icon="keyline-icons:film-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Film Fill à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/film-fill.svg" alt="Icône Film Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →