Ikon Flame Fill
keyline-icons:flame-fill
Ikon Flame Fill (keyline-icons:flame-fill) 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
- Tag
- flamefill
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 2C17 3.9473 17.6316 5.8421 18.8 7.4C20.228 9.3041 21 11.6199 21 14C21 18.9706 16.9706 23 12 23C7.0294 23 3 18.9706 3 14C3 12.6858 3.2878 11.3875 3.8432 10.1965C4.1718 9.492 4.8786 9.0417 5.6558 9.0417C6.7604 9.0417 7.6558 9.9371 7.6558 11.0417C7.6558 11.3927 7.5634 11.7375 7.3881 12.0415C7.388 12.0416 7.3879 12.0417 7.3878 12.0419C7.3001 12.1937 7.2539 12.3661 7.2539 12.5417C7.2539 13.0939 7.7017 13.5417 8.2539 13.5417C8.8062 13.5417 9.2539 13.0939 9.2539 12.5417C9.2539 7.94 11.5906 3.6532 15.4581 1.1596C15.6196 1.0554 15.8078 1 16 1C16.5523 1 17 1.4477 17 2Z"/></svg>
Cara memakai ikon Flame Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:flame-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:flame-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:flame-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flame-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:flame-fill"></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-fill"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/flame-fill.svg" alt="Ikon Flame Fill" width="24" height="24">
Ikon terkait di Keyline Icons
Ikon Flame Fill di set ikon lain
FAQ Ikon Flame Fill
Apakah ikon Flame Fill 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 Fill di React?
Pasang @iconify/react lalu render <Icon icon="keyline-icons:flame-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Flame Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/flame-fill.svg" alt="Ikon Flame Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Keyline Icons →
ICONYZ
