Flame 2 icon
keyline-icons:flame-2
The Flame 2 icon (keyline-icons:flame-2) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
SVG code
<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>
How to use the Flame 2 icon
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>
Web component
<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 image
<img src="https://iconyz.com/api/public/svg/keyline-icons/flame-2.svg" alt="Flame 2 icon" width="24" height="24">
Related icons in Keyline Icons
Flame 2 icon FAQ
Is the Flame 2 icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Flame 2 icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:flame-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flame 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/flame-2.svg" alt="Flame 2 icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
