Icône Drama Filled
lucide-extended:drama-filled
L'icône Drama Filled (lucide-extended:drama-filled) est une icône SVG gratuite de la collection Lucide Extended par Applifted. Elle est dessinée sur une grille de 24 × 24. Les Lucide Extended icons sont publiées sous la licence ISC, 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
- Lucide Extended
- Auteur
- Applifted
- Licence
- ISC
- Taille
- 24 × 24
- Mots-clés
- dramafilled
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.51 12.102a1 1 0 0 1 0 2H6.5a1 1 0 0 1 0-2z"/><path fill="currentColor" fill-rule="evenodd" d="M16 1c2.051 0 3.738.251 4.948.855c.618.31 1.142.727 1.51 1.278C22.827 3.69 23 4.325 23 5c0 4.642-1.031 7.85-2.418 9.93c-1.257 1.886-2.863 2.902-4.239 3.05c-.235 2.222-1.184 3.828-2.336 4.482l.001.002l-.018.009l-.004.003v-.001c-1.245.718-3.288.705-5.478-.376c-2.244-1.108-4.748-3.37-7.068-7.391a3.3 3.3 0 0 1-.473-1.877c.04-.659.28-1.284.66-1.864c.74-1.135 2.08-2.206 3.878-3.234l.028-.015c1.305-.691 2.45-1.191 3.496-1.446Q9.002 5.655 9 5c0-.675.172-1.31.543-1.867c.367-.55.891-.968 1.51-1.278C12.262 1.251 13.949 1 16 1M9.194 8.302c-.726.213-1.605.591-2.71 1.176c-1.693.969-2.7 1.845-3.183 2.582c-.233.358-.324.652-.338.89c-.01.173.017.352.099.546l.101.198l.004.008c2.178 3.775 4.422 5.711 6.227 6.603c1.846.912 3.143.704 3.6.434l.02-.012c.412-.228 1.197-1.189 1.355-3.118c-.756-.347-1.527-.926-2.233-1.739a1 1 0 0 1-.924.189c-.438-.132-.989.124-1.147.705a1 1 0 0 1-1.93-.527c.356-1.305 1.497-2.17 2.744-2.212A13.3 13.3 0 0 1 10.012 12H10a1 1 0 0 1-.498-1.866a21 21 0 0 1-.308-1.832m8.913.89a1 1 0 0 0-1.414 0c-.41.409-.977.409-1.386 0a1 1 0 1 0-1.414 1.413c1.19 1.19 3.023 1.19 4.214 0a1 1 0 0 0 0-1.414M14 5a1 1 0 1 0 0 2h.01a1 1 0 0 0 0-2zm4 0a1 1 0 1 0 0 2h.01a1 1 0 0 0 0-2z" clip-rule="evenodd"/></svg>Comment utiliser l'icône Drama Filled
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:drama-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:drama-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:drama-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--drama-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:drama-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:drama-filled"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/drama-filled.svg" alt="Icône Drama Filled" width="24" height="24">Icônes similaires dans Lucide Extended
FAQ : Icône Drama Filled
L'icône Drama Filled est-elle gratuite pour un usage commercial ?
Oui. Les Lucide Extended icons sont publiées sous la licence ISC, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Drama Filled dans React ?
Installez @iconify/react et affichez <Icon icon="lucide-extended:drama-filled" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Drama Filled à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lucide-extended/drama-filled.svg" alt="Icône Drama Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.