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

Chemical Burn Outline アイコン

healthicons:chemical-burn-outline

Chemical Burn Outline アイコン(healthicons:chemical-burn-outline)は、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、burnoutline、chemicalburnoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M19.823 17.434a3.01 3.01 0 0 1 3.384.185a2.917 2.917 0 0 1 .041 4.61l-2.702 2.15H31.72c1.634 0 2.99 1.304 2.99 2.953c0 .351-.061.687-.174.998c1.389.245 2.464 1.44 2.464 2.907s-1.075 2.662-2.464 2.907c.113.31.175.647.175.998c0 1.649-1.357 2.953-2.99 2.953h-1.748c.103.298.159.618.159.952c0 1.649-1.357 2.953-2.99 2.953H16.48C10.71 42 6 37.406 6 31.7c0-.714.088-2.115.241-3.15c.04-.262.085-.516.137-.738c.047-.197.12-.46.245-.679c.054-.096.195-.326.473-.476a1.07 1.07 0 0 1 1.132.07c.23.161.349.375.402.48c.066.13.115.267.155.397l.095.316c.24.808.515 1.735 1.12 2.532c.627.827 1.659 1.562 3.629 1.562c1.96 0 3.076-.78 3.736-1.69c.697-.963.938-2.153.938-2.954v-9.114zm11.897 18.66c.565 0 .99-.444.99-.952s-.425-.952-.99-.952h-9.457v-2H34.01c.565 0 .99-.445.99-.953s-.425-.952-.99-.952H22.263v-2h9.457c.565 0 .99-.445.99-.953s-.425-.953-.99-.953H20.303v.991c0 1.114-.318 2.745-1.319 4.127c-1.037 1.432-2.758 2.517-5.355 2.517c-2.588 0-4.212-1.021-5.222-2.353a7 7 0 0 1-.39-.577c-.011.24-.017.451-.017.615C8 36.266 11.779 40 16.48 40h10.661c.565 0 .99-.444.99-.953s-.425-.952-.99-.952h-6.494v-2zM20.303 22.018v-2.569l.521-.282l.026-.016c.353-.22.812-.196 1.14.055a.917.917 0 0 1 .013 1.459z"/><path 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.318M19 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"/><path d="m31.371 8.928l-15 6l-.742-1.857l15-6z"/></g></svg>

Chemical Burn Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →