Giftbox Open アイコン
fluent-mdl2:giftbox-open
Giftbox Open アイコン(fluent-mdl2:giftbox-open)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- giftboxopen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M192 480q-23-54-64-95t-96-65q54-23 95-64t65-96q23 54 64 95t96 65q-54 23-95 64t-65 96m1664 64q23 54 64 95t96 65q-54 23-95 64t-65 96q-23-54-64-95t-96-65q54-23 95-64t65-96m-384 96q-47-109-129-191t-191-129q109-47 191-129T1472 0q47 109 129 191t191 129q-109 47-191 129t-129 191m0-446q-56 71-126 126q70 56 126 126q55-70 126-126q-71-55-126-126M747 785q-47 0-88-19t-73-53t-48-76t-18-89q0-59 24-110t66-90t94-61t112-23q84 0 149 35t111 94t68 132t24 151q0 105-34 196t-93 167t-141 132t-174 97q-9 4-23 4q-23 0-39-16t-16-40q0-36 34-52q76-36 140-77t113-95t79-122t40-158q1-10 1-19t1-20q0-52-15-105t-45-96t-75-69t-105-27q-34 0-67 13t-59 37t-42 54t-16 68q0 23 9 45t24 40t37 29t46 11t38-7t23-20t14-25t12-25t17-19t29-8q23 0 40 17t17 40q0 5-2 13q-8 32-26 59t-44 46t-55 30t-64 11m880 111l274 275l-90 90l-147-146v933H256v-933l-147 146l-90-90l274-275h555q-35 41-77 72t-91 56H384v896h1152v-896h-331q17-31 31-63t25-65z"/></svg>Giftbox Open アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:giftbox-open" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:giftbox-open" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:giftbox-open" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--giftbox-open]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:giftbox-open"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:giftbox-open"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/giftbox-open.svg" alt="Giftbox Open アイコン" width="24" height="24">Fluent UI MDL2 の関連アイコン
Giftbox Open アイコン のよくある質問
Giftbox Open アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Giftbox Open アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:giftbox-open" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Giftbox Open アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/giftbox-open.svg" alt="Giftbox Open アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。