أيقونة Box Logo
fluent-mdl2:box-logo
أيقونة Box Logo (fluent-mdl2:box-logo) أيقونة 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
- الوسوم
- boxlogo
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1057 644q79 0 148 30t122 82t82 121t30 149q0 79-30 148t-82 122t-121 82t-149 30q-53 0-103-14t-93-40t-80-64t-61-85q-25 47-61 84t-80 64t-94 41t-103 14q-77 0-146-29t-122-81t-83-119t-31-147V398q0-31 23-53t53-22t53 22t24 53v322q50-37 108-56t121-20q53 0 103 14t94 40t80 64t61 85q25-47 61-84t79-64t94-41t103-14m-675 611q47 0 89-18t73-49t49-73t18-89q0-48-18-89t-49-73t-72-49t-90-18q-48 0-89 18t-73 49t-49 72t-18 90q0 47 18 89t49 73t73 49t89 18m675 0q47 0 89-18t73-49t49-73t18-89q0-48-18-89t-49-73t-72-49t-90-18q-47 0-89 18t-73 49t-49 73t-18 89t18 89t49 73t73 49t89 18m975 25q16 19 16 45q0 34-25 55t-59 21q-18 0-35-7t-30-22l-178-219l-179 219q-12 14-29 21t-36 8q-33 0-58-21t-26-55q0-24 16-45l207-255l-207-255q-16-21-16-45q0-17 7-31t18-24t27-15t31-6q18 0 36 7t30 22l179 220l178-220q11-14 30-21t37-8q16 0 30 5t26 16t19 25t7 30q0 24-16 45l-208 255z"/></svg>
كيفية استخدام أيقونة Box Logo
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:box-logo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:box-logo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:box-logo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--box-logo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:box-logo"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:box-logo"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/box-logo.svg" alt="أيقونة Box Logo" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
أيقونة Box Logo في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Box Logo
هل أيقونة Box Logo مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Box Logo في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:box-logo" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Box Logo إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/box-logo.svg" alt="أيقونة Box Logo">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
