أيقونة Personalize
fluent-mdl2:personalize
أيقونة Personalize (fluent-mdl2:personalize) أيقونة 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
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 1792v128h256v128H640v-128h256v-128H0V640h1024L895 768H128v896h1664V896l128-128v1024zm-512-384q27 0 50-10t40-27t28-41t10-50q0-49 17-93t48-78t72-56t91-28l711-711q28-28 65-43t76-15q41 0 77 15t64 43t42 63t16 79q0 39-15 76t-43 65l-711 711q-5 48-27 90t-56 72t-78 48t-93 18H256v-128zM1720 384q-29 0-50 21l-445 445q57 44 101 101l445-445q21-21 21-50q0-30-21-51t-51-21m-678 649q61 40 101 101l92-91q-42-60-102-102zm-18 247q0-27-10-50t-27-40t-41-28t-50-10q-27 0-50 10t-40 27t-28 41t-10 50q0 68-34 128h162q26 0 49-10t41-27t28-41t10-50"/></svg>كيفية استخدام أيقونة Personalize
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:personalize" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:personalize" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:personalize" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--personalize]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:personalize"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:personalize"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/personalize.svg" alt="أيقونة Personalize" width="24" height="24">الأسئلة الشائعة حول أيقونة Personalize
هل أيقونة Personalize مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Personalize في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:personalize" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Personalize إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/personalize.svg" alt="أيقونة Personalize">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.