House Fire ikonu
glyphs-poly:house-fire
House Fire ikonu (glyphs-poly:house-fire), 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
- Etiketler
- housefire
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M60 34L40 18L20 34v28h40z" clip-rule="evenodd"/><path fill="#f2c94c" d="M60 34h2a2 2 0 0 0-.75-1.562zM40 18l1.25-1.562a2 2 0 0 0-2.5 0zM20 34l-1.25-1.562A2 2 0 0 0 18 34zm0 28h-2a2 2 0 0 0 2 2zm40 0v2a2 2 0 0 0 2-2zm1.25-29.562l-20-16l-2.5 3.124l20 16zm-22.5-16l-20 16l2.5 3.124l20-16zM18 34v28h4V34zm2 30h40v-4H20zm42-2V34h-4v28z"/><path stroke="#eb5757" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m67.5 40l-3-2.4L40 18L15.5 37.6l-3 2.4"/><path fill="#eb5757" fill-rule="evenodd" d="M55 30V19h-6v6.2z" clip-rule="evenodd"/><path fill="#eb5757" d="M55 19h2a2 2 0 0 0-2-2zm0 11l-1.25 1.562A2 2 0 0 0 57 30zm-6-11v-2a2 2 0 0 0-2 2zm0 6.2h-2a2 2 0 0 0 .75 1.562zm4-6.2v11h4V19zm-4 2h6v-4h-6zm2 4.2V19h-4v6.2zm-3.25 1.562l6 4.8l2.5-3.124l-6-4.8z"/><path fill="#eb5757" fill-rule="evenodd" d="M40 55.608c5.523 0 10-4.478 10-10v-.603c0-2.21-.69-4.364-1.975-6.162L40.02 27.635a.024.024 0 0 0-.04 0a4.68 4.68 0 0 0-.085 5.318l2.138 3.208c.63.946.967 2.057.967 3.194v.756a5 5 0 1 1-10 0v-.756c0-1.137.336-2.248.967-3.194l1.072-1.608l-3.064 4.29A10.6 10.6 0 0 0 30 45.005v.602c0 5.523 4.477 10 10 10" clip-rule="evenodd"/></g></svg>
House Fire ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:house-fire" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:house-fire" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:house-fire" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--house-fire]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:house-fire"></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:house-fire"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs-poly/house-fire.svg" alt="House Fire ikonu" width="24" height="24">
Glyphs Poly setindeki benzer ikonlar
Diğer ikon setlerinde House Fire ikonu
House Fire ikonu: sık sorulan sorular
House Fire 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.
House Fire ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs-poly:house-fire" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
House Fire 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/house-fire.svg" alt="House Fire 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
