Xi アイコン
token:xi
Xi アイコン(token:xi)は、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="M11.91 3.011a.52.52 0 0 0-.4.37a.7.7 0 0 0 0 .25a.45.45 0 0 0 .135.225c.115.115.215.15.38.145a.5.5 0 0 0 .135-.02a.51.51 0 0 0 .284-.71a.52.52 0 0 0-.38-.26c-.08-.015-.08-.015-.154 0m-7.54 4a.54.54 0 0 0-.22.135c-.1.09-.14.195-.15.33c0 .095.01.155.05.25c.06.12.2.235.335.265c.06.015.185.015.24 0a.53.53 0 0 0 .355-.35a.51.51 0 0 0-.36-.63a.7.7 0 0 0-.25 0m15.004 0a.5.5 0 0 0-.23.845c.1.1.215.145.35.145a.45.45 0 0 0 .23-.05a.505.505 0 0 0-.095-.935a.8.8 0 0 0-.25-.005zM9.5 11h1.015l.065-.75h2.834l.07.75H14.5V9.5h-5zm1 1.5h3v-1h-3zm-1 1.999h5V13h-1l-.086.75h-2.83l-.07-.75H9.5zm-5.085 1.505A.514.514 0 0 0 4 16.54a.48.48 0 0 0 .15.32c.07.065.165.115.25.135c.07.01.2 0 .25-.015a.51.51 0 0 0 .335-.35c.02-.07.02-.2 0-.275a.505.505 0 0 0-.57-.35M19.434 16a.51.51 0 0 0-.435.5a.5.5 0 1 0 .99-.1a.52.52 0 0 0-.555-.4m-7.54 4.01a.52.52 0 0 0-.37.32a.7.7 0 0 0-.02.274a.505.505 0 0 0 .986.005c.02-.07.01-.2-.015-.275a.514.514 0 0 0-.58-.325M6 9l-1-.75v3.25l1-.75zm2.25-3L5.5 7.75l1 .75l1.75-1.25l2 1.25l1.75-1l1.5.75V7L12 6.25l-1.75 1z"/><path fill="currentColor" d="M11.75 4.251L9 5.751l1.25.5l1.5-.75zm.5 1.25v-1.25l2.75 1.5v2l2 1.25v2l-1 .5V9.75L14 8.5v-2z"/><path fill="currentColor" d="M16 7.75v-1.5L18.498 8l-1.25.5zm2.999.75l-1 .5v2l-2 1v2.25l-1.5.75l1 .75l1.5-1v-2l2-1z"/><path fill="currentColor" d="M18.999 15.5v-3l-1 .5v2zm-.5.5l-1-.5l-1.75 1l-2-1l-1.75 1l-1.499-1v1.249l1.5 1l1.75-1l2 1z"/><path fill="currentColor" d="m15 18.249l-2.75 1.25l.25-1.5l1.25-.5zm-3.5 0v1.25l-2.5-1.5v-2l-1.999-1.25v-1.5l1-.75V14l2 1.25v2z"/><path fill="currentColor" d="M8 16.25v1.25L5.5 16l1-.5zM6 15l-.999.5v-3.25l2-1.25V9l1.5-.75l1 .75l-1.5.75v1.75l-2 1.25z"/></svg>Xi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:xi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:xi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:xi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--xi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:xi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:xi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/xi.svg" alt="Xi アイコン" width="24" height="24">Web3 Icons の関連アイコン
他のアイコンセットの Xi アイコン
Xi アイコン のよくある質問
Xi アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xi アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:xi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/xi.svg" alt="Xi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。