Ícone Drama Filled
lucide-extended:drama-filled
O ícone Drama Filled (lucide-extended:drama-filled) é um ícone SVG gratuito da coleção Lucide Extended de Applifted. Ele é desenhado em uma grade de 24 × 24. Lucide Extended icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Lucide Extended
- Autor
- Applifted
- Licença
- ISC
- Tamanho
- 24 × 24
- Tags
- dramafilled
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/drama-filled.svg" alt="Ícone Drama Filled" width="24" height="24">Ícones relacionados em Lucide Extended
Perguntas frequentes sobre Ícone Drama Filled
O ícone Drama Filled é grátis para uso comercial?
Sim. Lucide Extended icons são publicados sob a licença ISC, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Drama Filled no React?
Instale @iconify/react e renderize <Icon icon="lucide-extended:drama-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Drama Filled a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/lucide-extended/drama-filled.svg" alt="Ícone Drama Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.