أيقونة Xiaodu Home

icon-park:xiaodu-home

أيقونة Xiaodu Home (icon-park:xiaodu-home) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IconPark
المؤلف: ByteDance
الترخيص: Apache-2.0
الحجم: 48 × 48
الفئة: البناء
الوسوم: xiaoduhome

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M4 20L24 6L44 20V42H4V20Z"/><path stroke="#fff" d="M12.6865 26.6863C14.1723 25.2006 15.9361 24.022 17.8773 23.2179C19.8185 22.4139 21.8991 22 24.0002 22C26.1014 22 28.182 22.4139 30.1232 23.2179C32.0644 24.022 33.8282 25.2006 35.314 26.6863"/><path stroke="#fff" d="M18.3428 32.3431C19.0856 31.6003 19.9676 31.011 20.9382 30.609C21.9088 30.2069 22.9491 30 23.9996 30C25.0502 30 26.0905 30.2069 27.0611 30.609C28.0317 31.011 28.9136 31.6003 29.6565 32.3431"/></g></svg>

كيفية استخدام أيقونة Xiaodu Home

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park:xiaodu-home" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park:xiaodu-home" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park:xiaodu-home" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--xiaodu-home]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:xiaodu-home"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:xiaodu-home"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/xiaodu-home.svg" alt="أيقونة Xiaodu Home" width="24" height="24">

أيقونات ذات صلة في IconPark

أيقونة Xiaodu Home في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Xiaodu Home

هل أيقونة Xiaodu Home مجانية للاستخدام التجاري؟

نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Xiaodu Home في React؟

ثبّت @iconify/react واعرض <Icon icon="icon-park:xiaodu-home" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Xiaodu Home إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/xiaodu-home.svg" alt="أيقونة Xiaodu Home">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات IconPark →