Sub アイコン
token-branded:sub
Sub アイコン(token-branded:sub)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#e53431" d="M8.633 3.041a.204.204 0 0 1 .247 0l1.028.792a.21.21 0 0 1 .076.219a.2.2 0 0 1-.094.127a.2.2 0 0 1-.228-.013l-.906-.691l-2.963 2.25L18.799 15.6a.21.21 0 0 1 0 .334l-.956.725a.203.203 0 0 1-.288-.043a.21.21 0 0 1 .042-.29l.74-.56L5.324 5.892a.21.21 0 0 1-.061-.26a.2.2 0 0 1 .06-.073L8.617 3.04zm3.3 0a.204.204 0 0 1 .247 0l6.618 4.89a.21.21 0 0 1-.001.336a.2.2 0 0 1-.122.038h-3.31a.2.2 0 0 1-.123-.042l-4.338-3.155a.2.2 0 0 1-.08-.137a.21.21 0 0 1 .099-.209a.2.2 0 0 1 .229.013l4.28 2.99h2.626l-5.993-4.29l-4.149 3.15a.204.204 0 0 1-.323-.115a.21.21 0 0 1 .076-.218zM6.238 7.375a.204.204 0 0 1 .288.042a.21.21 0 0 1-.04.29l-.692.526L18.8 18.117a.21.21 0 0 1 .082.166a.2.2 0 0 1-.082.167l-3.31 2.508a.204.204 0 0 1-.247 0l-.946-.725a.21.21 0 0 1-.014-.32a.2.2 0 0 1 .108-.053a.2.2 0 0 1 .152.04l.832.625l2.963-2.25L5.324 8.4a.206.206 0 0 1-.061-.26a.2.2 0 0 1 .06-.074l.906-.691zm-.79 8.323h3.309a.24.24 0 0 1 .124.042l4.288 3.118a.21.21 0 0 1 .062.257a.204.204 0 0 1-.309.077L8.69 16.235H6.064l5.992 4.29l4.14-3.141a.2.2 0 0 1 .153-.04a.2.2 0 0 1 .136.08a.21.21 0 0 1-.041.293l-4.264 3.241a.204.204 0 0 1-.247 0l-6.61-4.885a.21.21 0 0 1-.144-.356a.21.21 0 0 1 .268-.02"/></svg>Sub アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sub"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:sub"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/sub.svg" alt="Sub アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Sub アイコン
Sub アイコン のよくある質問
Sub アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sub アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:sub" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sub アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/sub.svg" alt="Sub アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。