Xvs アイコン
token-branded:xvs
Xvs アイコン(token-branded:xvs)は、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(#SVGo7gZ9pnU)" d="M20.695 7.481L14.1 18.758a2.25 2.25 0 0 1-1.963 1.12a2.29 2.29 0 0 1-1.964-1.12l-1.154-1.97a.023.023 0 0 1 0-.033l.023-.006l.017.006a1.9 1.9 0 0 0 2.386.225c.241-.158.444-.366.585-.62l5.52-9.441a1.857 1.857 0 0 0-1.16-2.752l-.016-.006l-.006-.007l-.002-.01q0-.005.002-.009l.006-.007l.017-.006h2.34a2.29 2.29 0 0 1 1.97 1.125a2.22 2.22 0 0 1-.006 2.234m-7.804-3.359h-2.285a.02.02 0 0 0-.017.023v.01l.017.012a1.15 1.15 0 0 1 .664.675a1.12 1.12 0 0 1-.084.94l-3.332 5.689a1.14 1.14 0 0 1-.81.546a1.17 1.17 0 0 1-.956-.282a.02.02 0 0 0-.016.007a.02.02 0 0 0-.007.016v.017l1.17 2.003a1.49 1.49 0 0 0 1.295.743a1.51 1.51 0 0 0 1.3-.743l4.36-7.439a1.464 1.464 0 0 0-.551-2.02a1.5 1.5 0 0 0-.748-.197m-7.934 0c-.788 0-1.52.478-1.824 1.204a2.014 2.014 0 0 0 1.83 2.735a2.025 2.025 0 0 0 1.969-1.992c0-1.07-.918-1.947-1.97-1.947z"/><defs><linearGradient id="SVGo7gZ9pnU" x1="20.768" x2=".337" y1="16.591" y2="2.541" gradientUnits="userSpaceOnUse"><stop stop-color="#5433ff"/><stop offset=".5" stop-color="#20bdff"/><stop offset="1" stop-color="#5cffa2"/></linearGradient></defs></g></svg>Xvs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xvs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xvs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xvs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xvs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xvs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:xvs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/xvs.svg" alt="Xvs アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Xvs アイコン
Xvs アイコン のよくある質問
Xvs アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xvs アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:xvs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xvs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/xvs.svg" alt="Xvs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。