أيقونة Page List Filter
fluent-mdl2:page-list-filter
أيقونة Page List Filter (fluent-mdl2:page-list-filter) أيقونة 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
- الوسوم
- pagelist، listfilter، pagelistfilter
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1152 1280h896v152l-256 288v328h-384v-328l-256-288zm512 392l234-264h-596l234 264v248h128zM1280 384v128H512V384zm-768 896v-128h512v128zm-384 384h1059l93 105v23H0V0h1536v1152h-128V128H128zm1152-896v128H512V768zM384 384v128H256V384zm0 384v128H256V768zm-128 512v-128h128v128z"/></svg>
كيفية استخدام أيقونة Page List Filter
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:page-list-filter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:page-list-filter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:page-list-filter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--page-list-filter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:page-list-filter"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:page-list-filter"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/page-list-filter.svg" alt="أيقونة Page List Filter" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
الأسئلة الشائعة حول أيقونة Page List Filter
هل أيقونة Page List Filter مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Page List Filter في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:page-list-filter" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Page List Filter إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/page-list-filter.svg" alt="أيقونة Page List Filter">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
