Sero アイコン
token:sero
Sero アイコン(token:sero)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9a9 9 0 0 0-9 9a9 9 0 0 0 9 9m7.5-6.594a7.875 7.875 0 0 0-12.62-8.39l.05-.028c-.446.31-1.308 1.435-1.192 3.459s1.278 2.93 2.151 3.517l.344.231c2.127 1.425 4.394 2.944 3.755 4.246c-.058-.36-.378-1.157-1.192-1.483S8.053 14.523 7.19 14.01c-1.007-.59-2.964-2.244-2.732-4.127q.02-.155.045-.303a7.875 7.875 0 0 0 13.414 7.615c.29-.478.774-1.705.574-3.123c-.256-1.824-2.165-4.103-5.014-5.072c1.083.2 3.601 1.071 5.014 2.963c.62.83.908 1.682 1.008 2.443M15.36 8.744l.74-.257l-.455-2.906c-.836-.446-3.02-1.134-5.072-.313c-2.564 1.025-2.899 3.107-2.785 4.247s.477 1.85 1.39 2.448c.728.478 2.545 1.548 3.361 2.023c.532.323 1.573 1.225 1.481 2.25c-.113 1.283-.586 2.043-2.022 2.166c-.998.085-2.85-1.082-3.704-3.334l-.861.135l.321 2.848c.549.51 2.165 1.485 4.244 1.313c2.599-.215 4.728-1.732 4.728-4.16c0-1.944-1.271-3.1-1.907-3.435l-3.574-2.057c-.575-.362-1.866-1.787-.588-3.216c1.328-1.482 3.75.119 4.033.79q.318.736.67 1.458" clip-rule="evenodd"/></svg>Sero アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:sero" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:sero" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:sero" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--sero]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:sero"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:sero"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/sero.svg" alt="Sero アイコン" width="24" height="24">Sero アイコン のよくある質問
Sero アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sero アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:sero" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sero アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/sero.svg" alt="Sero アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。