Flame アイコン

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

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

token:flame

Flame アイコン(token:flame)は、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="M7.006 20.5c-2.984-2.17-4.11-5.631-2.177-9.294c.128-.244.51-.157.586.104c.285.935.86 1.405.86 1.405c-.186-.424-.895-5.01 2.525-7.118c.197-.122.441.058.406.29c-.15 1.173-.267 3.693 1.754 2.985c1.834-.64.516-3.995-.157-5.446c-.116-.238.122-.5.366-.407c4.064 1.684 7.234 4.413 6.09 9.365c.302.058 1.295-.116 1.858-.94c.145-.215.488-.227.557.023c.564 1.904 1.394 6.891-3.036 9.533a3.4 3.4 0 0 0-.917-1.266c-.047-.035-.088-.023-.122.024c-.175.238-.755.97-1.33 1.016c-1.045.08-1.637-1.075-1.376-2.334c.03-.14-.099-.273-.232-.233c-1.66.54-2.09 1.655-2.09 1.655c-.72-.586-1.353-1.684-1.22-4.157c.012-.186-.22-.278-.325-.116c-.644.975-1.927 3.118-2.026 4.912z"/></svg>

Flame アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →