Zcx アイコン
token-branded:zcx
Zcx アイコン(token-branded:zcx)は、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="#05f1a4" d="m10.72 7.56l-2.1 1.897l3.829 4.211H3.017A6.75 6.75 0 0 1 10.72 7.56m1.712.482l-.634.573h1.684a6.5 6.5 0 0 0-1.05-.573M15.24 10.3h-3.621l3.762 4.21l-3.987 3.65H9.08l3.184-2.808H3.09A6.755 6.755 0 1 0 15.234 10.3z"/><path fill="#00afa4" d="M20.91 8.614h-9.112l3.116-2.807h-2.257L8.62 9.457l3.83 4.21H8.765A6.748 6.748 0 0 1 14.246 3a6.745 6.745 0 0 1 6.659 5.614zm.073 1.685h-9.365l3.762 4.21l-2.077 1.898a6.75 6.75 0 0 0 7.68-6.108m-9.382 5.637l.663-.584h-1.746q.515.34 1.083.584"/><path fill="#01d5a3" d="M13.482 8.615a7 7 0 0 0-1.05-.573l-.634.573zm-1.033 5.053L8.632 9.457l2.094-1.898a6.8 6.8 0 0 0-2.931.225a6.74 6.74 0 0 0 .977 5.884zm2.78-3.369h-3.61l3.75 4.21l-2.072 1.899a6.8 6.8 0 0 0 2.909-.225a6.74 6.74 0 0 0-.977-5.884m-4.711 5.053q.512.338 1.084.584l.657-.584z"/></g></svg>Zcx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:zcx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:zcx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:zcx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--zcx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:zcx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:zcx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/zcx.svg" alt="Zcx アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Zcx アイコン
Zcx アイコン のよくある質問
Zcx アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zcx アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:zcx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zcx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/zcx.svg" alt="Zcx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。