أيقونة Eco House
streamline-sharp-color:eco-house
أيقونة Eco House (streamline-sharp-color:eco-house) أيقونة SVG مجانية من مجموعة Sharp color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Sharp color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Sharp color icons
- المؤلف
- Streamline
- الترخيص
- CC-BY-4.0
- الحجم
- 24 × 24
- الفئة
- الطبيعة والبيئة
- الوسوم
- ecohouse
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-width="1.5"><path fill="#d7e0ff" d="M22 22H2V11l10-9l10 9z"/><path stroke="#4147d5" d="M22 22H2V11l10-9l10 9z"/><path stroke="#4147d5" d="m12.75 8.766l-3.5 4.735h5l-3.5 4.765"/></g></svg>كيفية استخدام أيقونة Eco House
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-sharp-color:eco-house" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-sharp-color:eco-house" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-sharp-color:eco-house" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-sharp-color--eco-house]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-sharp-color -->
<div class="i-streamline-sharp-color:eco-house"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-sharp-color:eco-house"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/streamline-sharp-color/eco-house.svg" alt="أيقونة Eco House" width="24" height="24">أيقونات ذات صلة في Sharp color icons
أيقونة Eco House في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Eco House
هل أيقونة Eco House مجانية للاستخدام التجاري؟
نعم. تُنشر Sharp color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Eco House في React؟
ثبّت @iconify/react واعرض <Icon icon="streamline-sharp-color:eco-house" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Eco House إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-sharp-color/eco-house.svg" alt="أيقونة Eco House">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.