Gift Filled アイコン
lucide-extended:gift-filled
Gift Filled アイコン(lucide-extended:gift-filled)は、Lucide Extended セットの無料 SVG アイコンです（作者: Applifted）。 24 × 24 のグリッドで描かれています。 Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lucide Extended
- 作者
- Applifted
- ライセンス
- ISC
- サイズ
- 24 × 24
- タグ
- giftfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 22H6a3 3 0 0 1-3-3v-5a1 1 0 0 1 1-1h7zm9-9a1 1 0 0 1 1 1v5a3 3 0 0 1-3 3h-5v-9z"/><path fill="currentColor" fill-rule="evenodd" d="M16.5 1a3.5 3.5 0 0 1 3.162 5H20c.471 0 .937.142 1.307.42S22 7.158 22 7.75v1.5c0 .592-.323 1.052-.693 1.33S20.472 11 20 11h-7V6h-2v5H4c-.472 0-.937-.142-1.307-.42S2 9.842 2 9.25v-1.5c0-.592.323-1.052.693-1.33S3.528 6 4 6h.338A3.5 3.5 0 0 1 7.5 1v.002c1.316-.017 2.515.627 3.456 1.673c.394.438.742.944 1.044 1.504c.302-.56.65-1.066 1.044-1.504c.941-1.046 2.14-1.69 3.456-1.673zm-.018 2c-.606-.01-1.292.28-1.952 1.013c-.451.502-.85 1.176-1.167 1.987H16.5a1.5 1.5 0 1 0 0-3zM7.5 3a1.5 1.5 0 0 0 0 3h3.137c-.316-.81-.716-1.485-1.167-1.987C8.81 3.279 8.124 2.989 7.518 3z" clip-rule="evenodd"/></svg>
Gift Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:gift-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:gift-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:gift-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--gift-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:gift-filled"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:gift-filled"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/lucide-extended/gift-filled.svg" alt="Gift Filled アイコン" width="24" height="24">
他のアイコンセットの Gift Filled アイコン
Gift Filled アイコン のよくある質問
Gift Filled アイコンは商用利用でも無料ですか?
はい。Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gift Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="lucide-extended:gift-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gift Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lucide-extended/gift-filled.svg" alt="Gift Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Lucide Extended アイコン をすべて見る →
ICONYZ
