أيقونة Ribbon Solid
fluent-mdl2:ribbon-solid
أيقونة Ribbon Solid (fluent-mdl2:ribbon-solid) أيقونة 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
- الوسوم
- ribbonsolid
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M512 1222q107 94 238 144t274 50t274-50t238-144v826l-512-256l-512 256zm512 58q-88 0-170-23t-153-64t-129-100t-99-130t-65-153t-23-170q0-88 23-170t64-153t100-129T701 88t153-65t170-23q88 0 170 23t153 64t129 100t100 130t65 153t23 170t-23 170t-64 153t-100 129t-130 100t-153 65t-170 23m0-1032q-81 0-152 31t-125 84t-84 124t-31 153q0 81 31 152t84 125t124 84t153 31q81 0 152-31t125-84t84-124t31-153q0-81-31-152t-84-125t-124-84t-153-31m0 648q-53 0-99-20t-82-55t-55-81t-20-100q0-53 20-99t55-82t81-55t100-20q53 0 99 20t82 55t55 81t20 100q0 53-20 99t-55 82t-81 55t-100 20"/></svg>كيفية استخدام أيقونة Ribbon Solid
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:ribbon-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:ribbon-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:ribbon-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--ribbon-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:ribbon-solid"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:ribbon-solid"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/ribbon-solid.svg" alt="أيقونة Ribbon Solid" width="24" height="24">أيقونات ذات صلة في Fluent UI MDL2
أيقونة Ribbon Solid في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Ribbon Solid
هل أيقونة Ribbon Solid مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Ribbon Solid في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:ribbon-solid" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Ribbon Solid إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/ribbon-solid.svg" alt="أيقونة Ribbon Solid">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.