Aurabal アイコン
token:aurabal
Aurabal アイコン(token:aurabal)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.78 8.194v-.017c0-.574-1.504-1.076-3.703-1.32c.523.352.986.793 1.372 1.303l.085.017l-.06.013a22.7 22.7 0 0 1-4.431.386c-1.757 0-3.326-.15-4.444-.386l-.03-.009h-.022l.073-.017a5.8 5.8 0 0 1 1.371-1.307c-2.185.244-3.69.746-3.69 1.32c0 .724 3.262 1.294 5.465 1.457c.488.035 1.26.035 1.26.035c.274.012.771 0 1.26-.035c2.211-.154 5.464-.724 5.494-1.44m-.643 3.047q-.24-.05-.48-.094a6 6 0 0 0-.248-1.14c2.177.356 3.591.922 3.591 1.564v.022c-.051 1.071-4.063 1.937-9 1.937c-4.971 0-9-.879-9-1.959v-.021c.03-.639 1.466-1.2 3.669-1.556a6 6 0 0 0-.249 1.136q-.604.112-1.2.27c-.206.056-.39.116-.553.171A10 10 0 0 0 6.37 12c1.491.279 3.458.45 5.631.45a32 32 0 0 0 6.141-.548q.721-.164 1.192-.33a10 10 0 0 0-1.192-.33zM7.003 14.68c-1.059.261-1.702.608-1.702.985v.022c.056.805 3.056 1.457 6.742 1.457s6.686-.652 6.737-1.457v-.022c0-.381-.643-.728-1.71-.985a6.4 6.4 0 0 1-.596.972l.065.013l-.086.018h-.017c-1.115.23-2.662.381-4.393.381c-1.732 0-3.279-.15-4.397-.377h-.022l-.004-.009c-.026 0-.051-.008-.073-.013l.052-.013a5.7 5.7 0 0 1-.596-.972"/></svg>Aurabal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:aurabal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:aurabal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:aurabal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--aurabal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:aurabal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:aurabal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/aurabal.svg" alt="Aurabal アイコン" width="24" height="24">他のアイコンセットの Aurabal アイコン
Aurabal アイコン のよくある質問
Aurabal アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aurabal アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:aurabal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aurabal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/aurabal.svg" alt="Aurabal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。