أيقونة Dependency Add

fluent-mdl2:dependency-add

أيقونة Dependency Add (fluent-mdl2:dependency-add) أيقونة 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
الوسوم: dependencyadd

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M128 512v640h512v128H0V384h1280v512h-128V512zm640 1408v-896h1280v896zm128-768v640h1024v-640zm384-1023V0h257q51 0 98 19t84 56q36 36 55 83t20 99v294l164-162l90 90l-318 318l-319-318l91-90l164 162V257q0-27-10-50t-27-41t-41-27t-51-10z"/></svg>

كيفية استخدام أيقونة Dependency Add

React

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

<Icon icon="fluent-mdl2:dependency-add" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:dependency-add" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:dependency-add" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:dependency-add"></iconify-icon>

صورة HTML

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

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

الأسئلة الشائعة حول أيقونة Dependency Add

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

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

كيف أستخدم أيقونة Dependency Add في React؟

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

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

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

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