Shiden アイコン
token:shiden
Shiden アイコン(token:shiden)は、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" d="M16.236 6.898c-1.524.425-3.774 1.315-5.834 3.138c-2.071 1.908-.665 3.61-.65 3.627c0 0-.76-1.37 1.076-3.059c.023-.02 2.366-2.001 5.774-2.951c.434-.121.874-.223 1.305-.3l.03-.006l.549-.87l-.135.01c-.008 0-.864.063-2.115.411"/><path fill="currentColor" d="M18.582 4.459a9 9 0 0 0-.705-.52l-.021-.014l-.025.003c-.01 0-.956.115-2.258.478c-2.331.65-5.466 1.983-7.164 4.64c-.806 1.208-.157 2.653-.157 2.653l-.02-.368c-.002-.039-.113-3.933 8.041-6.208c.714-.199 1.48-.382 2.279-.546l.14-.028z"/><path fill="currentColor" d="M19.074 4.967c-.01.001-1.083.113-2.577.53c-1.582.441-3.885 1.296-5.874 2.866c-1.173.892-1.914 1.968-2.036 2.952c-.06.48.515 1.5.515 1.5l-.12-.362c-.006-.016-.52-1.666 2.084-3.58c1.46-1.073 2.98-1.808 4.785-2.31c.93-.26 1.823-.431 2.809-.611l.034-.007l.015-.031c.075-.157.43-.841.434-.848l.057-.111z"/><path fill="currentColor" d="M7.677 9.976c.098-1.546 1.294-2.974 3.557-4.247a15.7 15.7 0 0 1 3.961-1.701c1.218-.34 2.248-.442 2.248-.442L16.615 3c-.008 0-.77.093-1.861.397c-6.994 1.95-7.861 5.311-7.784 6.662c.136 2.356 2.969 4.03 2.969 4.03S7.53 12.28 7.677 9.976"/><path fill="currentColor" d="M7.764 17.102c1.525-.425 3.774-1.315 5.835-3.138c2.07-1.908.665-3.61.65-3.626c0 0 .76 1.37-1.076 3.058c-.023.02-2.366 2.001-5.774 2.952c-.435.12-.874.222-1.306.3l-.03.005l-.548.87l.135-.01c.008 0 .864-.063 2.114-.411"/><path fill="currentColor" d="M5.418 19.541q.34.278.706.52l.02.014l.026-.003c.01 0 .955-.115 2.258-.478c2.33-.65 5.466-1.983 7.163-4.64c.806-1.208.158-2.653.158-2.653l.02.368c.001.039.113 3.933-8.042 6.208q-1.129.312-2.278.546l-.14.028z"/><path fill="currentColor" d="M4.926 19.033c.01-.001 1.083-.113 2.577-.53c1.582-.441 3.885-1.296 5.874-2.866c1.173-.892 1.914-1.968 2.036-2.952c.06-.48-.515-1.5-.515-1.5l.12.362c.006.016.52 1.666-2.084 3.58c-1.46 1.073-2.98 1.807-4.785 2.31c-.93.26-1.823.431-2.809.611l-.034.007l-.015.031c-.075.157-.43.841-.434.848l-.057.111z"/><path fill="currentColor" d="M16.323 14.024c-.099 1.546-1.294 2.974-3.557 4.246a15.65 15.65 0 0 1-6.21 2.144l.829.586c.007 0 .77-.093 1.861-.397c6.994-1.95 7.86-5.311 7.783-6.662c-.135-2.356-2.968-4.03-2.968-4.03s2.408 1.81 2.262 4.113"/></svg>Shiden アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:shiden" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:shiden" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:shiden" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--shiden]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:shiden"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:shiden"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/shiden.svg" alt="Shiden アイコン" width="24" height="24">他のアイコンセットの Shiden アイコン
Shiden アイコン のよくある質問
Shiden アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shiden アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:shiden" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shiden アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/shiden.svg" alt="Shiden アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。