Dumpster Fire アイコン

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

はい。Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

fa6-solid:dumpster-fire

Dumpster Fire アイコン(fa6-solid:dumpster-fire)は、Font Awesome 6 Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 512 のグリッドで描かれています。 Font Awesome 6 Solid icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome 6 Solid
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 640 × 512
タグ: dumpsterfire

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M49.7 32h90.8l-25.6 128h-94C9.3 160 0 150.7 0 139.1c0-2.1.3-4.1.9-6.1l25.9-84.1C29.9 38.9 39.2 32 49.7 32M272 160H147.5l25.6-128H272zm32 0V32h98.9l14.4 72.1c-1.7 1.1-3.3 2.4-4.8 3.8c-18.4 16.4-35.4 34-50.5 52.1zm209.9-23.7c-1.7 1.6-3.4 3.2-5 4.8c-10.9-11.5-22.2-22.5-33.9-33.1c-7.6-6.9-17-10.8-26.6-11.8L435.5 32h90.8c10.5 0 19.8 6.9 22.9 16.9l25.9 84.1c.2.7.4 1.4.5 2.1c-17.8-15-44.3-14.6-61.7 1.2m-188.7 74.4c-20.9 33.8-37.2 72.2-37.2 107.4c0 49.3 18.6 95.2 49.6 129.9H128c0 17.7-14.3 32-32 32s-32-14.3-32-32L44 288H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h4l-4-32h305.5c-4.4 6.2-8.5 12.5-12.3 18.7m180.6-34.5l12.2-13.7c5.4-6.1 13.3-8.8 20.9-8.9c7.2 0 14.3 2.6 19.9 7.8c19.7 18.3 39.8 43.2 55 70.6c15.2 27.2 26.2 58.2 26.2 88.2c0 88.6-71.3 159.8-160 159.8c-89.6 0-160-71.3-160-159.8c0-37.3 16-73.4 36.8-104.5c20.9-31.3 47.5-59 70.9-80.2c5.7-5.2 13.1-7.7 20.3-7.5c14.1.3 23.8 11.4 32.7 21.6c2 2.3 4 4.6 6 6.7l19 19.9zm38.2 192c0-36.5-37-73-54.8-88.4c-5.4-4.7-13.1-4.7-18.5 0c-17.7 15.3-54.7 51.8-54.7 88.4c0 35.3 28.7 64 64 64s64-28.7 64-64"/></svg>

Dumpster Fire アイコンの使い方

React

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

<Icon icon="fa6-solid:dumpster-fire" width="24" />

Vue

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

<template>
  <Icon icon="fa6-solid:dumpster-fire" width="24" />
</template>

Svelte

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

<Icon icon="fa6-solid:dumpster-fire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--dumpster-fire]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:dumpster-fire"></div>

Web コンポーネント

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

<iconify-icon icon="fa6-solid:dumpster-fire"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa6-solid/dumpster-fire.svg" alt="Dumpster Fire アイコン" width="24" height="24">

Font Awesome 6 Solid の関連アイコン

他のアイコンセットの Dumpster Fire アイコン

Dumpster Fire アイコンのよくある質問

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

はい。Font Awesome 6 Solid icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome 6 Solid アイコンをすべて見る →