Xtm アイコン
token-branded:xtm
Xtm アイコン(token-branded:xtm)は、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="url(#SVGQYy7ybSd)" d="M3.922 15.025v-6.76a1.61 1.61 0 0 1 .86-1.423l6.528-3.423a1.61 1.61 0 0 1 1.59.054l6.367 3.885a1.61 1.61 0 0 1 .773 1.38v6.303a1.61 1.61 0 0 1-.709 1.332l-6.324 4.293a1.61 1.61 0 0 1-1.789.01L4.653 16.38a1.61 1.61 0 0 1-.731-1.354"/><path fill="#fff" d="M14.13 19.924c-.553.37-1.45 1.112-2.149 1.074c-.66-.032-1.343-.73-1.88-1.074c.053-.08.268-.269.268-.806v-6.985l-1.53.806c-.463.178-1.49.376-1.935-.268c-.548-.806-.269-1.88.28-2.15c.322-.16 1.38-.897 2.288-1.526c.339-.236.645-.456.898-.623c.273-.177 1.074-.537 1.611-.537s1.338.36 1.612.537l2.955 1.88c.457.27 1.21 1.075.548 2.15c-.66 1.074-1.934.628-2.482.269l-1.02-.538v6.985c0 .537.402.688.537.806"/><path fill="url(#SVGhoPTPJdI)" d="M4.46 15.035v-3.492a.268.268 0 1 0-.538 0v3.492a1.61 1.61 0 0 0 .73 1.349l4.498 2.955a.27.27 0 0 0 .29-.457l-4.497-2.944a1.07 1.07 0 0 1-.484-.903"/><path fill="#ed83b3" d="M19.81 14.799a.27.27 0 0 0 .268-.27V8.503a1.61 1.61 0 0 0-.773-1.376l-6.373-3.89a1.61 1.61 0 0 0-1.584-.054L6.754 5.595A.268.268 0 1 0 7 6.068l4.594-2.407a1.08 1.08 0 0 1 1.058.032l6.372 3.89a1.07 1.07 0 0 1 .516.913v6.034c0 .15.119.269.269.269"/><path fill="#ffd6e9" d="M13.62 3.955a.27.27 0 0 1 .37-.091l4.32 2.648a.269.269 0 0 1-.28.457L13.71 4.32a.27.27 0 0 1-.09-.365"/><path fill="#fc81b8" d="M9.767 8.496a.27.27 0 0 0 .354.038l.237-.162c.269-.177 1.074-.537 1.612-.537c.537 0 1.332.36 1.612.537l2.95 1.88c.456.27 1.208 1.076.547 2.15l-.048.075c-.097.145-.075.36.08.446c.108.054.232.033.302-.053l.123-.188c.43-.688.414-1.344.183-1.876a2.3 2.3 0 0 0-.908-1.01l-2.94-1.88a4.5 4.5 0 0 0-1.901-.618a4.5 4.5 0 0 0-1.908.623l-.01.005l-.237.167a.27.27 0 0 0-.053.403z"/><path fill="#fdd2e0" d="M13.41 7.96a.27.27 0 0 1 .376-.086l2.138 1.349a.27.27 0 0 1 .123.273a.27.27 0 0 1-.408.184L13.49 8.33a.27.27 0 0 1-.12-.277a.3.3 0 0 1 .04-.099z"/><defs><linearGradient id="SVGQYy7ybSd" x1="15.969" x2="7.788" y1="4.4" y2="18.89" gradientUnits="userSpaceOnUse"><stop stop-color="#f2445b"/><stop offset="1" stop-color="#a023b1"/></linearGradient><linearGradient id="SVGhoPTPJdI" x1="2.384" x2="15.637" y1="5.673" y2="22.82" gradientUnits="userSpaceOnUse"><stop stop-color="#7a1981"/><stop offset=".63" stop-color="#bd27c1"/><stop offset="1" stop-color="#600a67"/></linearGradient></defs></g></svg>Xtm アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xtm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xtm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xtm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xtm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xtm"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:xtm"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/xtm.svg" alt="Xtm アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Xtm アイコン のよくある質問
Xtm アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xtm アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:xtm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xtm アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/xtm.svg" alt="Xtm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。