Xtz Fill アイコン
ri:xtz-fill
Xtz Fill アイコン(ri:xtz-fill)は、Remix Icon セットの無料 SVG アイコンです（作者: Remix Design）。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Remix Icon
- 作者
- Remix Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 金融
- タグ
- xtzfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.631 17.494c-.221-3.858-5.15-5.61-5.62-5.791c-.021-.01-.021-.027-.011-.047l5.082-5.022v-.54a.167.167 0 0 0-.163-.162H9.553V2l-3.457.711v.512h.192s.848 0 .848.834v1.866H4.46c-.048 0-.097.047-.097.094v1.186h2.782v6.433c0 2.019 1.32 3.422 3.629 3.232a2.9 2.9 0 0 0 1.329-.473a.6.6 0 0 0 .28-.503v-.636c-.751.493-1.388.464-1.388.464c-1.463 0-1.433-1.83-1.433-1.83V7.202H16.3l-4.851 4.814l-.02 1.137q0 .03.029.029c4.447.739 5.65 3.572 5.65 4.397c0 0 .481 4.008-3.59 4.284c0 0-2.668.112-3.139-.939c-.019-.04 0-.076.038-.094c.444-.2.741-.588.741-1.11c0-.777-.48-1.412-1.492-1.412c-.817 0-1.492.636-1.492 1.413c0 0-.384 3.373 5.335 3.278c6.526-.114 6.121-5.504 6.121-5.504"/></svg>Xtz Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ri:xtz-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:xtz-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:xtz-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--xtz-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:xtz-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:xtz-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ri/xtz-fill.svg" alt="Xtz Fill アイコン" width="24" height="24">Remix Icon の関連アイコン
Xtz Fill アイコン のよくある質問
Xtz Fill アイコンは商用利用でも無料ですか?
はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Xtz Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="ri:xtz-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xtz Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/xtz-fill.svg" alt="Xtz Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。