Иконка Fuel Bold

solar:fuel-bold

Иконка Fuel Bold (solar:fuel-bold) — бесплатная 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
Категория: Интерфейс
Теги: fuelbold

Скачать 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="M2 13.0869C2 10.9906 2 9.94241 2.55325 9.14745C2.99989 8.50568 3.71844 8.15634 5 7.68117V7.06009C5 5.75506 5 5.10254 5.33815 4.65303C5.4252 4.53731 5.52676 4.43372 5.64021 4.34492C6.08089 4 6.7206 4 8 4H8.81818C9.32544 4 9.57907 4 9.78716 4.05687C10.3519 4.21122 10.7929 4.66113 10.9442 5.23713L11.0162 5.53028L14.0179 4.45927C17.6539 3.16195 19.4718 2.51329 20.7359 3.42756C22 4.34183 22 6.30539 22 10.2325V15.8834C22 18.7668 22 20.2085 21.1213 21.1042C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1042C2 20.2085 2 18.7668 2 15.8834V13.0869ZM7.46967 10.5303C7.17678 10.2374 7.17678 9.76256 7.46967 9.46967C7.76256 9.17678 8.23744 9.17678 8.53033 9.46967L10.0303 10.9697C10.0687 11.008 10.102 11.0495 10.1304 11.0933C10.564 11 11.1561 11 12 11C12.8313 11 13.4182 11 13.8501 11.0892L15.4697 9.46967C15.7626 9.17678 16.2374 9.17678 16.5303 9.46967C16.8232 9.76256 16.8232 10.2374 16.5303 10.5303L14.9108 12.1499C15 12.5818 15 13.1687 15 14C15 14.8313 15 15.4182 14.9108 15.8501L16.5303 17.4697C16.8232 17.7626 16.8232 18.2374 16.5303 18.5303C16.2374 18.8232 15.7626 18.8232 15.4697 18.5303L13.8501 16.9108C13.4182 17 12.8313 17 12 17C11.1687 17 10.5818 17 10.1499 16.9108L8.53033 18.5303C8.23744 18.8232 7.76256 18.8232 7.46967 18.5303C7.17678 18.2374 7.17678 17.7626 7.46967 17.4697L9.08923 15.8501C9 15.4182 9 14.8313 9 14C9 13.1561 9 12.564 9.09334 12.1304C9.04954 12.102 9.00804 12.0687 8.96967 12.0303L7.46967 10.5303Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="solar:fuel-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:fuel-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:fuel-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--fuel-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:fuel-bold"></div>

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

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

<iconify-icon icon="solar:fuel-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/fuel-bold.svg" alt="Иконка Fuel Bold" width="24" height="24">

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

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

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Solar →