Xtz アイコン
cryptocurrency:xtz
Xtz アイコン(cryptocurrency:xtz)は、Cryptocurrency Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M16 32C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16s-7.163 16-16 16m2.19-6q1.49 0 2.771-.619a4.04 4.04 0 0 0 1.91-1.878a6 6 0 0 0 .629-2.726a7 7 0 0 0-.175-1.466q-.162-.825-.734-1.719q-.57-.905-1.63-1.42q-1.049-.527-1.887-.527a3.5 3.5 0 0 0-.978.229l5.171-5.086l-.839-.825l-8.431.023V6.412L13.182 6h-2.166v.595l.745.734v2.657H8.5v1.169h3.26v6.277q0 1.375.793 2.176q.792.802 2.865.802q.838 0 1.537-.458q.698-.458 1.095-1.329a3 3 0 0 0 .058-.32a.62.62 0 0 0-.163-.425q-.175-.125-.303-.125a.24.24 0 0 0-.151.057a.34.34 0 0 0-.117.149a3.8 3.8 0 0 1-.885.893q-.512.367-1.071.367q-.723 0-1.072-.504t-.35-1.283v-6.277h6.383l-4.612 6.048v.504l1.025-.504q.84-.459 1.397-.458a3 3 0 0 1 1.584.446q.734.447 1.107 1.375q.384.916.384 2.21q0 1.192-.35 2.131q-.348.94-1.082 1.42a2.93 2.93 0 0 1-1.643.482q-.652 0-1.304-.184q-.652-.171-.955-.584q.35-.103.606-.435q.256-.333.256-.86q0-.435-.175-.732a1.27 1.27 0 0 0-.477-.47a1.5 1.5 0 0 0-.746-.172q-.442 0-.745.172a1.27 1.27 0 0 0-.477.47q-.175.298-.175.733q0 1.191 1.001 2.222Q16 25.999 18.189 26z"/></svg>Xtz アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency:xtz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency:xtz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency:xtz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency--xtz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency -->
<div class="i-cryptocurrency:xtz"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency:xtz"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency/xtz.svg" alt="Xtz アイコン" width="24" height="24">他のアイコンセットの Xtz アイコン
Xtz アイコン のよくある質問
Xtz アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xtz アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency:xtz" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xtz アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency/xtz.svg" alt="Xtz アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。