Иконка Bonfire Linear
solar:bonfire-linear
Иконка Bonfire Linear (solar:bonfire-linear) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Природа
- Теги
- bonfirelinear
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18 8.80745C18 13.7615 13.7333 15 11.6 15C9.73333 15 6 13.7615 6 8.80745C6 6.71017 7.20839 5.35826 8.26099 4.65274C8.79638 4.29388 9.48354 4.55201 9.57296 5.17624C9.75127 6.421 10.8777 7.34944 11.5596 6.27998C12.1424 5.36614 12.3529 4.13169 12.3529 3.38896C12.3529 2.28965 13.503 1.59108 14.4009 2.2646C16.1512 3.5774 18 5.776 18 8.80745Z"/><path stroke-linecap="round" d="M20 15L4 22"/><path stroke-linecap="round" d="M4 15L9 17.1875M20 22L14.5 19.5938"/><path stroke-linecap="round" d="M15 10C14.8 10.6667 13.92 12 12 12"/></g></svg>Как использовать иконку Bonfire Linear
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bonfire-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bonfire-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bonfire-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bonfire-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bonfire-linear"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bonfire-linear"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/bonfire-linear.svg" alt="Иконка Bonfire Linear" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Bonfire Linear
Можно ли бесплатно использовать иконку Bonfire Linear в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Bonfire Linear в React?
Установите @iconify/react и выведите <Icon icon="solar:bonfire-linear" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bonfire Linear на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/bonfire-linear.svg" alt="Иконка Bonfire Linear">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.