Иконка Burn

healthicons:burn

Иконка Burn (healthicons:burn) — бесплатная SVG-иконка из набора Health Icons от Resolve to Save Lives. Она нарисована на сетке 48 × 48. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Health Icons
Автор: Resolve to Save Lives
Лицензия: MIT
Размер: 48 × 48
Категория: Заболевания

Скачать 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="M8.037 17c0 .744-.07 1.448-.197 2.123c-.462 2.47-1.676 4.562-2.946 6.915c-1.469 2.721-.87 5.176.453 7.468c.492.852 1.084 1.682 1.707 2.494v-.536c-.002-.986-.003-1.748.048-2.39c.146-1.854.725-2.707 2.974-5.041c1.026 1.897.77 3.861.392 5.857q-.056.297-.115.596A44 44 0 0 0 10.076 36c.41-.205.817-.395 1.216-.582q.357-.167.704-.334c1.835-.88 3.448-1.82 4.472-3.925c1.209-2.483.676-4.445-.155-6.819c-.282-.804-.597-1.655-.89-2.59c-.357 1.357-1.022 2.59-1.454 3.454c-.86-3.44-3.312-5.959-5.932-8.204" clip-rule="evenodd"/><path d="M39 17.22H22.269c-.987 0-1.377-1.276-.56-1.828l4.036-2.724a2.552 2.552 0 0 0-2.643-4.36l-12.815 6.938q-.232.125-.458.26c1.447 1.302 2.652 2.634 4.062 4.994c.61-1 1.039-2.214 1.5-4c.24.777.648 1.742 1.108 2.83c1.69 3.993 4.077 9.638 1.392 13.67c-1.994 2.746-3.678 3.566-5.899 4.647l-.303.148q-.343.167-.695.335c1.524.7 3.22 1.09 5.006 1.09h17a2 2 0 0 0 0-4H22.889v-2h16.11a2 2 0 0 0 0-4H25v-2h17a2 2 0 1 0 0-4H25v-2h14a2 2 0 0 0 0-4"/></g></svg>

Как использовать иконку Burn

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/healthicons/burn.svg" alt="Иконка Burn" width="24" height="24">

Иконка Burn в других наборах

Вопросы и ответы: Иконка Burn

Можно ли бесплатно использовать иконку Burn в коммерческих проектах?

Да. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Burn в React?

Установите @iconify/react и выведите <Icon icon="healthicons:burn" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Burn на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/healthicons/burn.svg" alt="Иконка Burn">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Health Icons →