Apefi Background アイコン
token-branded:apefi-background
Apefi Background アイコン(token-branded:apefi-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- apefibackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVGTQHOTYis)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.337 19.942c.212-1.708.875-5.505 1.98-8.188c-.762.866-2.281 2.993-2.281 4.602c-.377-.673-1.2-2.357-1.426-3.736c-.282.861-.518 2.988.856 4.597l-.57 2.297l-3.425-2.01c.189-.287.57-.917.57-1.148c0-.287-.283-.574-.57-.287c.095-.673.57-2.3 1.713-3.449V9.458c0-.282.113-.917.57-1.148s1.331.48 1.712.861c-.188-.094-.687-.282-1.143-.282c-.457 0-.57.188-.57.282c.095.48.457 1.435 1.144 1.435c.682 0 1.426-.762 1.708-1.148c0-.315-.17-.931-.856-.86c.094-.095.343-.288.574-.288c.226 0 .856.188 1.138.287c.094-.094.283-.4.283-.861c0-.574-.283-1.148-.852-1.148c-.334 0-.668.292-.941.536c-.202.174-.367.325-.485.325c-.23 0-.668-.386-.856-.574C8.18 5.915 9.549 4 10.46 4c.65 0 1.3.932 1.897 1.788c.451.645.875 1.247 1.242 1.374c-.47.094-1.482.518-1.713 1.435c.287-.287 1.03-.861 1.713-.861c.856 0 2.851 1.148 2.851 2.01c0 .86.287 1.726 1.144 2.3c.447.301 1.247.617 1.934.857a9.56 9.56 0 0 1-4.216 5.693v-2.814c-.283.094-.97.861-1.426 3.157l-.104.424a9.4 9.4 0 0 1-4.446.579"/><path fill="#fff" d="M8.94 7.765c.095-.094.438-.315.664-.315c.23 0 .419.221.513.315zM7.61 7.45c-.23 0-.315.221-.315.315H8c0-.094-.165-.315-.391-.315m.626.786c-.226 0-.47-.118-.47-.212l.94-.023c0 .094-.244.235-.47.235"/></g><defs><linearGradient id="SVGTQHOTYis" x1="7.429" x2="16.443" y1="6.571" y2="18.337" gradientUnits="userSpaceOnUse"><stop stop-color="#eae3d2"/><stop offset=".24" stop-color="#cebc95"/><stop offset=".37" stop-color="#a99367"/><stop offset=".45" stop-color="#ae976a"/><stop offset=".53" stop-color="#b8a070"/><stop offset=".8" stop-color="#e7d9be"/><stop offset=".97" stop-color="#d7c6a1"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Apefi Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:apefi-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:apefi-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:apefi-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--apefi-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:apefi-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:apefi-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/apefi-background.svg" alt="Apefi Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Apefi Background アイコン のよくある質問
Apefi Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apefi Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:apefi-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apefi Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/apefi-background.svg" alt="Apefi Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。