Ikon Burn
glyphs-poly:burn
Ikon Burn (glyphs-poly:burn) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly 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 Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="M61 46.982c0 11.598-9.402 21-21 21s-21-9.402-21-21a21 21 0 0 1 4.2-12.6l16.759-22.344a.052.052 0 0 1 .082 0L56.8 34.382a21 21 0 0 1 4.2 12.6" clip-rule="evenodd"/><path fill="#eb5757" d="m56.8 34.382l1.6-1.2zM41.559 13.238L24.8 35.582l-3.2-2.4l16.758-22.344zM55.2 35.582L38.441 13.238l3.2-2.4L58.4 33.182zM38.358 10.838a2.052 2.052 0 0 1 3.284 0l-3.2 2.4a1.948 1.948 0 0 0 3.117 0zM17 46.982a23 23 0 0 1 4.6-13.8l3.2 2.4a19 19 0 0 0-3.8 11.4zm41.4-13.8a23 23 0 0 1 4.6 13.8h-4a19 19 0 0 0-3.8-11.4zM40 65.982c10.493 0 19-8.506 19-19h4c0 12.703-10.297 23-23 23zm0 4c-12.702 0-23-10.297-23-23h4c0 10.494 8.507 19 19 19z"/><path fill="#f2c94c" fill-rule="evenodd" d="M50 52.991c0 5.523-4.477 10-10 10s-10-4.477-10-10v-.602c0-2.21.69-4.364 1.975-6.163L39.98 35.02a.024.024 0 0 1 .04 0l8.005 11.207A10.6 10.6 0 0 1 50 52.39z" clip-rule="evenodd"/><path fill="#f2c94c" d="m48.025 46.226l-1.627 1.163zM32 52.39v.602h-4v-.602zm9.608-16.208L33.602 47.39l-3.255-2.325l8.006-11.208zm4.79 11.208l-8.006-11.21l3.255-2.325l8.006 11.208zM48 52.99v-.602h4v.602zm-9.647-19.135a2.024 2.024 0 0 1 3.294 0l-3.255 2.325a1.976 1.976 0 0 0 3.216 0zM28 52.39c0-2.627.82-5.188 2.347-7.325l3.255 2.325a8.6 8.6 0 0 0-1.602 5zm21.653-7.325A12.6 12.6 0 0 1 52 52.389h-4c0-1.793-.56-3.541-1.602-5zM40 60.99a8 8 0 0 0 8-8h4c0 6.628-5.373 12-12 12zm0 4c-6.627 0-12-5.372-12-12h4a8 8 0 0 0 8 8z"/></g></svg>
Cara memakai ikon Burn
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:burn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:burn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:burn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--burn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:burn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:burn"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="Ikon Burn" width="24" height="24">
Ikon Burn di set ikon lain
FAQ Ikon Burn
Apakah ikon Burn gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Burn di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:burn" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Burn ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="Ikon Burn">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs Poly →
ICONYZ
