Drama Filled アイコン
lucide-extended:drama-filled
Drama Filled アイコン(lucide-extended:drama-filled)は、Lucide Extended セットの無料 SVG アイコンです（作者: Applifted）。 24 × 24 のグリッドで描かれています。 Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lucide Extended
- 作者
- Applifted
- ライセンス
- ISC
- サイズ
- 24 × 24
- タグ
- dramafilled
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/lucide-extended/drama-filled.svg" alt="Drama Filled アイコン" width="24" height="24">Lucide Extended の関連アイコン
Drama Filled アイコン のよくある質問
Drama Filled アイコンは商用利用でも無料ですか?
はい。Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Drama Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="lucide-extended:drama-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Drama Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lucide-extended/drama-filled.svg" alt="Drama Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。