Belt アイコン

Q: Belt アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token:belt

Belt アイコン(token:belt)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.6 20.118V14.4h3.6v3.21c0 .216.174.39.384.39h4.44c.978 0 1.776-1.152 1.776-2.148c0-.99-.816-2.04-1.8-2.04h-4.2V10.2h4.212c.99 0 1.788-1.062 1.788-2.058C16.8 7.14 16.002 6 15.012 6h-4.428a.39.39 0 0 0-.384.39V9.6H6.6V3.882c0-.486.39-.882.87-.882h7.776c2.85 0 5.154 2.928 5.154 5.802c-.042.66-.39 2.208-1.488 3.09c.498.522 1.488 1.98 1.488 3.588c0 2.718-2.178 5.52-4.872 5.52H7.47a.877.877 0 0 1-.87-.882m7.932-8.136a.438.438 0 0 1-.876 0c0-.24.198-.444.438-.444s.438.198.438.444m-1.734 0a.435.435 0 1 1-.87 0c0-.24.198-.444.438-.444s.432.198.432.444M6 13.8v-3.6h-.456c-.882 0-1.944.804-1.944 1.8s1.062 1.8 1.944 1.8zm.804-3.6c-.114 0-.204.108-.204.24v3.12c0 .132.09.24.204.24h3.192c.114 0 .204-.108.204-.24v-3.12c0-.132-.09-.24-.204-.24zm.552.6c-.084 0-.156.078-.156.18v2.04c0 .102.072.18.156.18h2.088c.084 0 .156-.078.156-.18v-.63h-.954c-.186 0-.336-.18-.336-.396c0-.222.15-.396.336-.396H9.6v-.624c0-.096-.072-.174-.156-.174z" clip-rule="evenodd"/></svg>

Belt アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token:belt" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:belt" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:belt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--belt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:belt"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:belt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/belt.svg" alt="Belt アイコン" width="24" height="24">

他のアイコンセットの Belt アイコン

Belt アイコンのよくある質問

Belt アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Belt アイコンを使うには?

@iconify/react をインストールして <Icon icon="token:belt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Belt アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/belt.svg" alt="Belt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons をすべて見る →