Ikon Flame
keyline-icons:flame
Ikon Flame (keyline-icons:flame) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Keyline Icons
- Pembuat
- Keyline Icons
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode 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="M16 2C16 4.1637 16.7018 6.269 18 8C19.2982 9.731 20 11.8363 20 14C20 18.4183 16.4183 22 12 22C7.5817 22 4 18.4183 4 14C4 12.8318 4.2558 11.6778 4.7495 10.6191C4.9138 10.2668 5.2672 10.0417 5.6558 10.0417C6.2081 10.0417 6.6558 10.4894 6.6558 11.0417C6.6558 11.2172 6.6096 11.3897 6.5219 11.5417C6.3463 11.8457 6.2539 12.1906 6.2539 12.5417C6.2539 13.6462 7.1494 14.5417 8.2539 14.5417C9.3585 14.5417 10.2539 13.6462 10.2539 12.5417C10.2539 8.2798 12.4181 4.3095 16 2Z"/></svg>
Cara memakai ikon Flame
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:flame" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:flame" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:flame" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flame]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:flame"></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"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/flame.svg" alt="Ikon Flame" width="24" height="24">
Ikon terkait di Keyline Icons
Ikon Flame di set ikon lain
FAQ Ikon Flame
Apakah ikon Flame gratis untuk penggunaan komersial?
Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Flame di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:flame" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Flame ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/flame.svg" alt="Ikon Flame">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Keyline Icons →
ICONYZ
