Иконка Bonfire
reicon:bonfire
Иконка Bonfire (reicon:bonfire) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.669 1.51a1.96 1.96 0 0 1 2.182.155c1.848 1.385 3.9 3.78 3.9 7.142c0 2.733-1.196 4.506-2.722 5.57c-1.487 1.036-3.247 1.373-4.429 1.373a6.6 6.6 0 0 1-3.967-1.402c-1.356-1.08-2.383-2.85-2.383-5.54c0-2.424 1.406-3.982 2.594-4.778c.92-.618 2.292-.216 2.472 1.04c.065.46.302.787.472.898q.03.018.045.025a.5.5 0 0 0 .095-.116c.482-.757.675-1.838.675-2.488c0-.82.433-1.517 1.066-1.879m-1.856 4.496l.005-.002zm.036-.008l.003.001zm2.563-3.184a.65.65 0 0 0-.309.575c0 .835-.228 2.223-.91 3.294c-.248.388-.598.687-1.049.784c-.447.096-.86-.036-1.176-.243c-.61-.398-1.025-1.156-1.137-1.941l-.007-.027l-.003-.006l-.01-.006c-.013-.005-.061-.016-.132.032c-.917.615-1.929 1.76-1.929 3.531c0 2.263.84 3.59 1.817 4.368A5.1 5.1 0 0 0 11.6 14.25c.952 0 2.392-.282 3.572-1.104c1.14-.794 2.078-2.117 2.078-4.339c0-2.7-1.646-4.703-3.299-5.942c-.2-.15-.387-.138-.54-.051m1.804 6.468a.75.75 0 0 1 .503.934c-.27.896-1.384 2.534-3.719 2.534a.75.75 0 0 1 0-1.5c1.506 0 2.15-1.028 2.282-1.466a.75.75 0 0 1 .934-.502M3.313 14.699a.75.75 0 0 1 .988-.386l5 2.187a.75.75 0 1 1-.601 1.375l-5-2.188a.75.75 0 0 1-.387-.988m17.374 0a.75.75 0 0 1-.386.988l-16 7a.75.75 0 0 1-.601-1.374l16-7a.75.75 0 0 1 .987.386m-6.874 4.594a.75.75 0 0 1 .988-.386l5.5 2.406a.75.75 0 1 1-.601 1.374l-5.5-2.406a.75.75 0 0 1-.387-.988" clip-rule="evenodd"/></svg>Как использовать иконку Bonfire
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:bonfire" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:bonfire" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:bonfire" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--bonfire]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:bonfire"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:bonfire"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/bonfire.svg" alt="Иконка Bonfire" width="24" height="24">Похожие иконки в наборе Reicon
Иконка Bonfire в других наборах
Вопросы и ответы: Иконка Bonfire
Можно ли бесплатно использовать иконку Bonfire в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bonfire в React?
Установите @iconify/react и выведите <Icon icon="reicon:bonfire" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bonfire на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/bonfire.svg" alt="Иконка Bonfire">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.