أيقونة Picture Center
fluent-mdl2:picture-center
أيقونة Picture Center (fluent-mdl2:picture-center) أيقونة 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
- الوسوم
- picturecenter
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1792 1536H256V384h1536zM384 512v486l352-352l448 447l192-191l288 287V512zm0 896h933L736 827l-352 351zm1280 0v-37l-288-288l-102 101l225 224zm-192-640q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19M2048 0v2048H0V0zm-128 128H128v1792h1792z"/></svg>
كيفية استخدام أيقونة Picture Center
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:picture-center" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:picture-center" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:picture-center" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--picture-center]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:picture-center"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:picture-center"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-center.svg" alt="أيقونة Picture Center" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
الأسئلة الشائعة حول أيقونة Picture Center
هل أيقونة Picture Center مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Picture Center في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:picture-center" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Picture Center إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-center.svg" alt="أيقونة Picture Center">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
