Giftcard Fill アイコン
f7:giftcard-fill
Giftcard Fill アイコン(f7:giftcard-fill)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- giftcardfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M2 27.42h16.36a9.8 9.8 0 0 1-2.584-1.665a7.7 7.7 0 0 1-1.752-2.278a6.04 6.04 0 0 1-.635-2.737q0-1.71.767-3.045a5.6 5.6 0 0 1 2.091-2.102q1.326-.767 3.012-.767q1.467 0 2.792.58a8.1 8.1 0 0 1 2.42 1.654a9.5 9.5 0 0 1 1.84 2.563V9h2.87v10.623a9.9 9.9 0 0 1 1.861-2.563a8.1 8.1 0 0 1 2.42-1.654a6.8 6.8 0 0 1 2.771-.58q1.686 0 3.012.767a5.6 5.6 0 0 1 2.091 2.102q.767 1.336.767 3.045q0 1.467-.624 2.737a7.5 7.5 0 0 1-1.742 2.278a9.7 9.7 0 0 1-2.606 1.665H53.47v2.606H31.458q.504 1.052 1.512 2.267a19 19 0 0 0 2.3 2.322a15.7 15.7 0 0 0 2.65 1.85q1.358.746 2.562.876q.92.088 1.413.625q.492.536.493 1.39q0 .767-.58 1.358q-.582.592-1.589.46q-1.358-.196-2.99-1.03a18 18 0 0 1-3.219-2.135a17.7 17.7 0 0 1-2.836-2.934q-1.25-1.632-1.818-3.428h-.175v14.762h-2.87V31.647h-.153q-.57 1.796-1.818 3.428a17.7 17.7 0 0 1-2.836 2.934a17.8 17.8 0 0 1-3.23 2.136q-1.644.832-2.98 1.03q-1.006.13-1.587-.46q-.58-.593-.58-1.359q0-.854.492-1.39q.493-.537 1.39-.625q1.228-.13 2.585-.887a16 16 0 0 0 2.65-1.861a19.6 19.6 0 0 0 2.3-2.311q1.008-1.204 1.511-2.256H2zm23.194-.35h.701v-.658q0-1.665-.514-3.143a9.1 9.1 0 0 0-1.413-2.628q-.898-1.15-2.059-1.807a4.95 4.95 0 0 0-2.475-.657q-1.248 0-1.993.756q-.744.755-.745 2.07q0 1.095.68 2.168q.678 1.073 1.861 1.96a9.8 9.8 0 0 0 2.716 1.413a9.9 9.9 0 0 0 3.241.525m5.104 0a10 10 0 0 0 3.263-.526a9.8 9.8 0 0 0 2.716-1.413q1.182-.887 1.85-1.96q.669-1.074.669-2.169q0-1.314-.734-2.07t-2.004-.755q-1.293 0-2.453.657t-2.059 1.807a9.3 9.3 0 0 0-1.424 2.628a9.3 9.3 0 0 0-.525 3.143v.657zM8.878 46.408h37.715q3.438 0 5.158-1.697q1.719-1.698 1.719-5.07V15.79q0-3.373-1.72-5.082T46.594 9H8.877Q5.44 9 3.72 10.697T2 15.79v23.85q0 3.374 1.72 5.07q1.719 1.698 5.157 1.698"/></svg>Giftcard Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:giftcard-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:giftcard-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:giftcard-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--giftcard-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:giftcard-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:giftcard-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/giftcard-fill.svg" alt="Giftcard Fill アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Giftcard Fill アイコン のよくある質問
Giftcard Fill アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Giftcard Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:giftcard-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Giftcard Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/giftcard-fill.svg" alt="Giftcard Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。