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

أيقونة Photo Collection

fluent-mdl2:photo-collection

أيقونة Photo Collection (fluent-mdl2:photo-collection) أيقونة 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
الوسوم
photocollection
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1472 640q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19m576-128v1280H256v-256H0V256h1792v256zm-475 896l-357-358l-166 166l193 192zM128 384v549l320-319l512 512l256-256l448 447V384zm933 1024L448 794l-320 321v293zm859-768h-128v896H384v128h1536z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="fluent-mdl2:photo-collection"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Fluent UI MDL2

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

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

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

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

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

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

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

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