Xch Background アイコン
token-branded:xch-background
Xch Background アイコン(token-branded:xch-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- xchbackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#3aac59" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.74 10.783h1.39v4.174h-1.39zm-2.074 0c-.299 0-.946.018-1.405.38V9.387H8.87V12c.139.062.445.135.59.215l.123.07l.059.034s-.814 1.232-1.92 1.49c-.658.152-1.426-.036-1.586-.672l-.014-.077a4.6 4.6 0 0 1 .876-.396l.021-.007c.647-.23 1.19-.306 1.19-.306a4.7 4.7 0 0 0-1.273.059h-.007c-.32.063-.585.153-.79.243a1.39 1.39 0 0 1 1.144-.994l.035-.007l.105-.01h.034l.13-.008h.027l.108.007h.041l.035.007c.209.021.439.073.724.167v-.9c-.14-.043-.25-.08-.404-.119a3.9 3.9 0 0 0-1.843-.035c-1.207.285-1.552 1.155-1.552 2.212q-.001.208.035.383A5 5 0 0 0 4 13.94l.81-.348c.307 1.016 1.381 1.357 2.192 1.357c.841 0 1.224-.233 1.868-.623v.63h1.39v-2.595c0-.302.557-.48.815-.48c.337 0 .577.23.577.602v2.473h1.392v-2.873c0-.86-.557-1.3-1.378-1.3m2.769-1.739a.67.67 0 0 0-.696.696c0 .407.289.695.696.695a.67.67 0 0 0 .695-.695a.67.67 0 0 0-.695-.696m5.217 3.478v-1.739h-1.391v.376c-1.353-.856-2.129.024-2.129.024c-.417.365-.654.957-.654 1.694c0 1.304.8 2.08 1.833 2.08c.39 0 .748-.087 1.058-.508c.035.101.114.425.17.508H20c-.25-.404-.355-2.024-.348-2.435m-2.014 1.305c-.452 0-.775-.39-.775-.94s.323-.939.775-.939c.32 0 .501.192.623.494v.89c-.122.303-.303.495-.623.495"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Xch Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xch-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xch-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xch-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xch-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xch-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:xch-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/xch-background.svg" alt="Xch Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Xch Background アイコン のよくある質問
Xch Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xch Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:xch-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xch Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/xch-background.svg" alt="Xch Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。