أيقونة Devices 4

fluent-mdl2:devices-4

أيقونة Devices 4 (fluent-mdl2:devices-4) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Fluent UI MDL2
المؤلف: Microsoft Corporation
الترخيص: MIT
الحجم: 2048 × 2048
الوسوم: device

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 1664h-256v256H896v-256H640v-640q0-27 10-50t27-40t41-28t50-10h128V512h640V256H384v640h162q-34 60-34 128H347l-211 211q-8 8-8 19t7 18t19 8h358v128H154q-32 0-60-12t-49-33t-33-49t-12-60q0-31 11-59t34-51l211-211V128h1408v384h128v384h128q27 0 50 10t40 27t28 41t10 50zM1024 896h640V640h-640zm640 640h-640v256h640zm256-512H768v512h128v-128h896v128h128zm-960 256q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19"/></svg>

كيفية استخدام أيقونة Devices 4

React

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

<Icon icon="fluent-mdl2:devices-4" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:devices-4" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:devices-4" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--devices-4]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:devices-4"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:devices-4"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/devices-4.svg" alt="أيقونة Devices 4" width="24" height="24">

أيقونات ذات صلة في Fluent UI MDL2

الأسئلة الشائعة حول أيقونة Devices 4

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

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

كيف أستخدم أيقونة Devices 4 في React؟

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

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

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

تصفح كل أيقونات Fluent UI MDL2 →