أيقونة System Interface

tdesign:system-interface

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

المجموعة: TDesign Icons
المؤلف: TDesign
الترخيص: MIT
الحجم: 24 × 24
الوسوم: systeminterface

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M3 21h18V8H3zM21 3H3v5h18z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M3 8h18M3 8v13h18V8M3 8V3h18v5"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M7.004 12v.004H7V12zm4 0v.004H11V12zm4 0v.004H15V12z"/></g></svg>

كيفية استخدام أيقونة System Interface

React

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

<Icon icon="tdesign:system-interface" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:system-interface" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:system-interface" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="tdesign:system-interface"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/tdesign/system-interface.svg" alt="أيقونة System Interface" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة System Interface

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

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

كيف أستخدم أيقونة System Interface في React؟

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

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

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

تصفح كل TDesign Icons →