Hot アイコン

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

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

token:hot

Hot アイコン(token:hot)は、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" d="M3.467 5.495s-.485.016-.466.044c.101.279.773 1.812.782 1.822c2.423.193 4.094 1.206 4.953 3.55H7.365l-.828 2.182s1.977-.003 2.2 0c-.688 2.196-2.604 3.48-4.871 3.48c-.097.228-.798 1.856-.764 1.867c3.926.455 7.632-2.443 7.991-5.347h1.75c0 .371.288 1.052.497 1.5c1.271 2.559 4.02 4.026 6.832 3.95c.46-.01.81-.066.79-.112l-.781-1.813c-2.213-.175-4.677-1.06-5.166-3.525h1.375c.019 0 .758-2.182.758-2.182h-2.15c.764-2.319 2.846-3.507 5.238-3.54c0 0 .529-1.195.764-1.804c-3.547-.665-7.562 1.68-8.166 5.344H11.12c-.433-3.827-4.585-5.574-7.654-5.416"/></svg>

Hot アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →