ICONYZ
日本語
Health Icons の Chemical Burn アイコン

Chemical Burn アイコン

healthicons:chemical-burn

Chemical Burn アイコン(healthicons:chemical-burn)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
48 × 48
カテゴリ
症状
タグ
chemicalburn
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M11.912 18c0 1.825-.73 3.18-1.503 4.757c-.962 1.965-.067 3.665 1.033 5.243c0-1.81.253-2.833 1.444-4.193c.732 1.491.799 2.586.567 4.193c3.034-1.666 2.872-4.399 1.987-7.5c-.17.714-.488 1.364-.694 1.818c-.411-1.81-1.583-3.136-2.835-4.318" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.829 25.61A9.6 9.6 0 0 0 6 31.253v1.139C6 37.698 10.298 42 15.6 42h13.6a1.6 1.6 0 0 0 0-3.203h-8.089v-1.601H34a1.6 1.6 0 0 0 0-3.203H22.8V32.39h13.6a1.6 1.6 0 0 0 0-3.203H22.8v-1.601H34a1.6 1.6 0 0 0 0-3.203H20.615c-.79 0-1.102-1.023-.447-1.465l3.228-2.181a2.045 2.045 0 0 0 .535-2.86a2.04 2.04 0 0 0-2.649-.631L18.8 18.592v8.23c0 2.958-2.456 5.357-5.486 5.357S7.83 29.78 7.83 26.82zM19 13h19a2 2 0 1 0 0-4H19V7h19a4 4 0 0 1 0 8H19zm-3 1h1V8h-1zm-2 1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1z" clip-rule="evenodd"/><path d="m31 8l-15 6h22.208a2.615 2.615 0 0 0 2.537-1.98l.059-.235a3.24 3.24 0 0 0 0-1.57l-.059-.234A2.615 2.615 0 0 0 38.208 8z"/></g></svg>

Chemical Burn アイコンの使い方

React

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

<Icon icon="healthicons:chemical-burn" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:chemical-burn" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:chemical-burn" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--chemical-burn]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:chemical-burn"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:chemical-burn"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/chemical-burn.svg" alt="Chemical Burn アイコン" width="24" height="24">

Health Icons の関連アイコン

Chemical Burn アイコン のよくある質問

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

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

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

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

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

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

Health Icons をすべて見る →