Hot Stuff アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:hot-stuff

Hot Stuff アイコン(arcticons:hot-stuff)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: hotstuff

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.328 42.16c-2.822-1.001-9.605-5.007-9.153-12.227s5.094-7.944 6.184-10.148c.878-1.777 2.462-3.815 1.186-5.827c-1.275-2.012 3.805.792 3.206 5.009s-4.345 7.87-4.345 7.87s-5.519 8.01 2.922 15.323"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.202 41.027c-.313 1.872-6.886-5.684-6.197-9.272c.35-1.828-.595-2.828 5.637-8.648c1.609-1.503.963-4.224.19-7.814c0 0-3.66-6.092 3.406-10.014c5.98-3.32-.927 4.675 3.94 10.79c1.603 2.013-.882 7.813-4.177 10.332c-8.395 6.416-2.17 10.872-2.799 14.626m9.962-19.578s1.56-4.88-1.53-9.757s1.562-2.249 1.562-2.249s4.16 3.795 3.347 7.067c-.812 3.272-3.379 4.939-3.379 4.939"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.821 35.282c-1.624 1.098-1.309-6.3 9.593-11.383c4.497-2.097 5.25-3.25 5.122-8.519c-.08-3.312 4.835 2.102 1.008 8.714c-1.464 2.53-6.399 5.59-8.768 6.15c-3.474.82-5.366 3.963-6.955 5.038m2.129 8.206s-4.826-3.335 2.456-8.576s-.981 9.062-2.456 8.576m5.511-1.214c-3.869.389 2.4-2.191 2.54-8.763c.066-3.041 1.842-4.037 7.388-7.206c1.24-.708 2.644 4.531-.23 9.483c0 0-2.435 5.756-9.698 6.486"/></svg>

Hot Stuff アイコンの使い方

React

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

<Icon icon="arcticons:hot-stuff" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:hot-stuff" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:hot-stuff" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:hot-stuff"></iconify-icon>

HTML 画像

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

Arcticons の関連アイコン

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →