Burn ikonu
glyphs-poly:burn
Burn ikonu (glyphs-poly:burn), Glyphs Poly setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Glyphs Poly
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
SVG kodu
<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>
Burn ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:burn"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="Burn ikonu" width="24" height="24">
Diğer ikon setlerinde Burn ikonu
Burn ikonu: sık sorulan sorular
Burn ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Burn ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs-poly:burn" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Burn ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/glyphs-poly/burn.svg" alt="Burn ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Glyphs Poly ikonları →
ICONYZ
