ICONYZ
العربية
أيقونة Sections من Fluent UI MDL2

أيقونة Sections

fluent-mdl2:sections

أيقونة Sections (fluent-mdl2:sections) أيقونة 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
الوسوم
section
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1728 896q24 0 47 8t42 21t33 33t24 42q5 14 20 52t35 88t40 105t38 103t29 82t12 42q0 27-19 45t-45 19H832q-26 0-45-18t-19-46q0-12 8-38t20-56t23-57t17-41H448q-26 0-45-18t-19-46q0-12 8-38t20-56t23-57t17-41H64q-26 0-45-18T0 960q0-8 11-42t29-82t39-103t40-106t34-88t21-53q17-45 57-73t89-29h640q24 0 47 8t42 21t33 33t24 42l58 152h180q24 0 47 8t42 21t33 33t24 42l58 152zm-1228 0l58-154q17-45 57-73t89-29h323l-41-109q-2-6-10-12t-16-7H320q-7 0-15 6t-10 12L156 896zm384 256l58-154q17-45 57-73t89-29h323l-41-109q-2-6-10-12t-16-7H704q-7 0-15 6t-10 12q-35 92-69 183t-70 183zm1008 256l-138-365q-2-6-10-12t-16-7h-640q-7 0-15 6t-10 12l-42 110l-48 128q-24 64-49 128z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:sections"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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