ICONYZ
العربية
أيقونة Double Storey من TDesign Icons

أيقونة Double Storey

tdesign:double-storey

أيقونة Double Storey (tdesign:double-storey) أيقونة SVG مجانية من مجموعة TDesign Icons من تصميم TDesign. مرسومة على شبكة 24 × 24. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
TDesign Icons
المؤلف
TDesign
الترخيص
MIT
الحجم
24 × 24
الوسوم
doublestorey
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M17 9h3v12H4V9h3V3h10z"/><path d="M9 21v-7h6v7z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M11.998 5.998h.004v.004h-.004zM9 21v-7h6v7z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M6 3h1m0 0v6h10V3M7 3h10m0 0h1M3 9h1m0 0v12M4 9h16M4 21H3m1 0h16m0-12v12m0-12h1m-1 12h1"/></g></svg>

كيفية استخدام أيقونة Double Storey

React

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

<Icon icon="tdesign:double-storey" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:double-storey" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:double-storey" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--double-storey]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:double-storey"></div>

مكوّن ويب

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

<iconify-icon icon="tdesign:double-storey"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/tdesign/double-storey.svg" alt="أيقونة Double Storey" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Double Storey

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

نعم. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Double Storey في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/tdesign/double-storey.svg" alt="أيقونة Double Storey">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل TDesign Icons →