أيقونة House Fire
glyphs-poly:house-fire
أيقونة House Fire (glyphs-poly:house-fire) أيقونة SVG مجانية من مجموعة Glyphs Poly من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Glyphs Poly
- المؤلف
- Goran Spasojevic
- الترخيص
- MIT
- الحجم
- 80 × 80
- الوسوم
- housefire
شيفرة SVG
<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
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>
مكوّن ويب
<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
<img src="https://iconyz.com/api/public/svg/glyphs-poly/house-fire.svg" alt="أيقونة House Fire" width="24" height="24">
أيقونات ذات صلة في Glyphs Poly
أيقونة House Fire في مجموعات أخرى
الأسئلة الشائعة حول أيقونة House Fire
هل أيقونة House Fire مجانية للاستخدام التجاري؟
نعم. تُنشر Glyphs Poly icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة House Fire في React؟
ثبّت @iconify/react واعرض <Icon icon="glyphs-poly:house-fire" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة House Fire إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs-poly/house-fire.svg" alt="أيقونة House Fire">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Glyphs Poly →
ICONYZ
