House ikonu
glyphs-poly:house
House ikonu (glyphs-poly:house), 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="#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="#f2f2f2" d="M34 38h12v12H34z"/></g></svg>
House ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:house" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:house" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:house" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--house]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:house"></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"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs-poly/house.svg" alt="House ikonu" width="24" height="24">
Glyphs Poly setindeki benzer ikonlar
Diğer ikon setlerinde House ikonu
House ikonu: sık sorulan sorular
House 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 ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs-poly:house" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
House 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.svg" alt="House 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
