Ikon Fire Outline
glyphs:fire-outline
Ikon Fire Outline (glyphs:fire-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- fireoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M47.9 10a2 2 0 0 1 1.627.836l11.356 15.86A27.37 27.37 0 0 1 66 42.63V44c0 14.36-11.64 26-26 26S14 58.36 14 44v-1.37a27.37 27.37 0 0 1 5.117-15.935l.556-.777a2 2 0 0 1 3.252 0l6.275 8.763l17.075-23.845A2 2 0 0 1 47.9 10m0 5.435l-17.026 23.78a2.058 2.058 0 0 1-3.347 0l-6.182-8.633A23.37 23.37 0 0 0 18 42.63V44c0 12.15 9.85 22 22 22s22-9.85 22-22v-1.37a23.37 23.37 0 0 0-4.369-13.606z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" d="M30.874 39.214L47.9 15.435l9.73 13.589A23.37 23.37 0 0 1 62 42.63V44c0 12.15-9.85 22-22 22s-22-9.85-22-22v-1.37a23.37 23.37 0 0 1 3.345-12.048l6.182 8.632m3.347 0q0 0 0 0Zm0 0a2.058 2.058 0 0 1-3.347 0m0 0q0 0 0 0Zm22-28.378a2 2 0 0 0-3.252 0L29.2 34.68l-6.275-8.763a2 2 0 0 0-3.252 0l-.556.777A27.37 27.37 0 0 0 14 42.63V44c0 14.36 11.64 26 26 26s26-11.64 26-26v-1.37a27.37 27.37 0 0 0-5.117-15.935z"/></g></svg>
Cara memakai ikon Fire Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:fire-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:fire-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:fire-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--fire-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:fire-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:fire-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/fire-outline.svg" alt="Ikon Fire Outline" width="24" height="24">
Ikon Fire Outline di set ikon lain
FAQ Ikon Fire Outline
Apakah ikon Fire Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Fire Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:fire-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Fire Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/fire-outline.svg" alt="Ikon Fire Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
