Zano アイコン
token-branded:zano
Zano アイコン(token-branded:zano)は、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(#SVGBB8TLdvc)" d="M13.576 3.001h2.08c.72 0 1.322 0 1.812.04a3.8 3.8 0 0 1 1.474.376a3.78 3.78 0 0 1 1.648 1.654c.236.472.326.962.37 1.48c.04.494.04 1.101.04 1.821v2.194c0 .72 0 1.327-.04 1.822a3.9 3.9 0 0 1-.37 1.48a3.8 3.8 0 0 1-1.648 1.659c-.467.236-.957.326-1.474.371c-.49.04-1.091.04-1.806.04H9.425a1.097 1.097 0 0 1-.77-1.857l5.061-5.585l1.553 1.53l-3.251 3.662h3.6c1.299 0 2.997.213 3.132-1.48V6.73c-.073-.883-.545-1.406-1.462-1.48h-5.366c-.889.074-1.49.54-1.552 1.424c-.028.4-.068.978-.057 1.76v.917l-2.25.028v-.945c-.01-.73 0-1.338.034-1.839c.04-.523.124-1.018.36-1.496a4.14 4.14 0 0 1 1.8-1.676c.473-.248.968-.338 1.485-.383c.5-.039 1.108-.039 1.828-.039z"/><path fill="url(#SVGhUfqBcYL)" d="M6.712 18.75h5.428c.877-.068 1.48-.613 1.547-1.485v-1.328h2.25v1.491a4.1 4.1 0 0 1-2.278 3.229c-.434.196-.884.275-1.356.309c-.45.034-1.001.034-1.648.034H8.338c-.715 0-1.316 0-1.806-.04a3.8 3.8 0 0 1-1.473-.377A3.78 3.78 0 0 1 3.41 18.93a3.9 3.9 0 0 1-.372-1.48C3 16.95 3 16.348 3 15.634v-2.216c0-.72 0-1.322.04-1.817c.044-.518.134-1.013.37-1.48a3.8 3.8 0 0 1 1.65-1.658c.466-.236.956-.326 1.473-.37c.49-.04 1.091-.029 1.806-.029h6.237c.597 0 1.086.478 1.086 1.08s-.49 1.17-1.091 1.17H8.383c-.77 0-1.283 0-1.676.034c-.878.073-1.384.556-1.457 1.434v5.49c.073.877.58 1.406 1.462 1.479"/><defs><linearGradient id="SVGBB8TLdvc" x1="14.611" x2="14.611" y1="3.001" y2="15.729" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#19cfd8"/><stop offset=".57" stop-color="#498cfe"/><stop offset="1" stop-color="#4a8ffd"/></linearGradient><linearGradient id="SVGhUfqBcYL" x1="12.056" x2="12.219" y1="9.469" y2="19.886" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#4a8ffd"/><stop offset=".95" stop-color="#2950ff"/></linearGradient></defs></g></svg>Zano アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:zano" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:zano" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:zano" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--zano]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:zano"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:zano"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/zano.svg" alt="Zano アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Zano アイコン
Zano アイコン のよくある質問
Zano アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zano アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:zano" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zano アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/zano.svg" alt="Zano アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。