Иконка Flame 48

energy-icons:flame-48

Иконка Flame 48 (energy-icons:flame-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Energy Icons
Автор: Sam Passmore
Лицензия: MIT
Размер: 48 × 48

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M36 30.5c0-4.542-1.057-8.656-3.102-11.797a8.5 8.5 0 0 1-.745 1.463c-.644 1.002-1.488 1.835-2.553 2.634A1 1 0 0 1 28 22c0-4.24-2.362-8.616-7.36-12.326c-1.155 4.428-3.242 7.687-5.034 10.655C13.61 23.637 12 26.552 12 30.5c0 3.258 1.16 6.121 3.207 8.168C17.251 40.712 20.237 42 24 42s6.75-1.288 8.793-3.332C34.84 36.62 36 33.758 36 30.5m2 0c0 3.742-1.34 7.129-3.793 9.582C31.751 42.538 28.237 44 24 44s-7.75-1.462-10.207-3.918C11.34 37.629 10 34.242 10 30.5c0-4.552 1.89-7.887 3.894-11.204c2.014-3.336 4.165-6.691 5.126-11.492l.03-.12a1 1 0 0 1 1.505-.516c5.386 3.59 8.555 8.058 9.282 12.744c.24-.269.451-.542.635-.828c.48-.746.816-1.622 1.047-2.78l.038-.137a1 1 0 0 1 1.702-.317C36.456 19.58 38 24.835 38 30.5"/><path fill="currentColor" d="M27.5 35c0-1.44-.605-2.605-1.525-4.017c-.59-.905-1.318-1.92-1.975-3.115c-.657 1.196-1.384 2.21-1.975 3.115C21.105 32.395 20.5 33.56 20.5 35c0 1.055.315 1.919.86 2.509c.532.576 1.374.991 2.64.991s2.108-.415 2.64-.991c.545-.59.86-1.454.86-2.509m2 0c0 1.444-.435 2.831-1.39 3.866c-.968 1.048-2.376 1.634-4.11 1.634s-3.142-.586-4.11-1.634c-.955-1.035-1.39-2.422-1.39-3.866c0-2.06.895-3.645 1.85-5.108c.978-1.5 2.013-2.876 2.714-4.744l.065-.14a1 1 0 0 1 1.807.14c.7 1.868 1.736 3.244 2.714 4.744c.955 1.463 1.85 3.048 1.85 5.108"/></svg>

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

React

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

<Icon icon="energy-icons:flame-48" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:flame-48" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:flame-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--flame-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:flame-48"></div>

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

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

<iconify-icon icon="energy-icons:flame-48"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/energy-icons/flame-48.svg" alt="Иконка Flame 48" width="24" height="24">

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

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

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

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

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

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

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

Все Energy Icons →