Иконка Flame 2

keyline-icons:flame-2

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

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.7388 2.6979C12.3119 5.6813 12.1147 8.1708 9.9131 10.0232C9.5044 10.367 8.8832 9.9115 8.9254 9.3889C9.0389 7.9854 8.6865 6.5536 8.3215 5.7792C8.1844 5.4883 7.8191 5.4835 7.6171 5.7364C6.3149 7.367 4.5091 10.4743 4.1054 12.8154C3.4557 16.5832 5.776 22.504 11.9014 21.9657C16.8018 21.5351 19.1406 17.8391 19.6974 16.0449C21.2003 10.2342 16.8445 5.7303 12.7114 2.1414C12.2947 1.7796 11.6365 2.1651 11.7388 2.6979ZM14.6705 20.3072C15.3502 18.5659 14.0365 15.6327 13.0067 13.9376C12.786 13.5742 12.2507 13.6146 12.0492 13.9883C10.1354 17.5385 9.1431 17.3932 9.1431 19.7923C9.1431 22.3671 13.6655 22.882 14.6705 20.3072Z"/></svg>

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

React

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

<Icon icon="keyline-icons:flame-2" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:flame-2" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:flame-2" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:flame-2"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Keyline Icons →