Si アイコン
token-branded:si
Si アイコン(token-branded:si)は、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"><g fill="none"><path fill="#fff" d="M14.5 12.694q-1.002-.42-2.383-.588a.6.6 0 0 0-.222.016c-.52.143-1.06.254-1.641.318c-1.112.137-1.986 0-2.632-.392a1.84 1.84 0 0 1-.889-1.398c-.117-.868.159-1.535.836-2.006c.389-.262.82-.452 1.276-.562c1.197-.301 2.71-.391 4.543-.259c1.292.095 2.52.265 3.695.503c.032 0 .042.021.037.053l-.048.233q-.079.454-.174.646a.75.75 0 0 1-.466.423a1 1 0 0 1-.413 0a24 24 0 0 0-4.998-.36c-.413.016-.805.043-1.164.096q-.931.127-1.186.571a.78.78 0 0 0-.037.742q.15.333.513.54c.26.148.477.248.64.312c.61.212 1.26.37 1.96.46c.09.016.18.011.259-.01a12 12 0 0 1 2.345-.365a3.7 3.7 0 0 1 1.689.264a1.88 1.88 0 0 1 1.16 1.218c.142.508.127.969-.059 1.398c-.185.423-.508.746-.969.984q-.706.36-1.556.503q-1.407.238-2.965.196a31 31 0 0 1-4.907-.545c-.027-.005-.032-.021-.027-.048l.032-.18c.058-.307.122-.53.185-.656a.75.75 0 0 1 .492-.413a1.6 1.6 0 0 1 .646.031c.387.074.773.127 1.165.17q1.875.192 3.764.137c.408-.01.81-.047 1.218-.105q1.375-.206 1.154-1.133a.9.9 0 0 0-.36-.498a2.3 2.3 0 0 0-.514-.296"/><path fill="url(#SVGe10cJbhY)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-1.059a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883" clip-rule="evenodd"/><defs><linearGradient id="SVGe10cJbhY" x1="5.128" x2="18.284" y1="6.367" y2="17.75" gradientUnits="userSpaceOnUse"><stop stop-color="#3d56c6"/><stop offset=".24" stop-color="#dc52f4"/><stop offset=".5" stop-color="#8af34e"/><stop offset="1" stop-color="#2ac4e6"/></linearGradient></defs></g></svg>
Si アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:si" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:si" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:si" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--si]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:si"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:si"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/si.svg" alt="Si アイコン" width="24" height="24">
Web3 Icons Branded の関連アイコン
Si アイコン のよくある質問
Si アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Si アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:si" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Si アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/si.svg" alt="Si アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Web3 Icons Branded アイコン をすべて見る →
ICONYZ
