ICONYZ
العربية
أيقونة Google Pages من Material Design Iconic Font

أيقونة Google Pages

zmdi:google-pages

أيقونة Google Pages (zmdi:google-pages) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 384 × 384. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Design Iconic Font
المؤلف
MDI Community
الترخيص
OFL-1.1
الحجم
384 × 384
الوسوم
googlepages، page، pages
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 384 384"><path fill="currentColor" d="M0 43q0-18 12.5-30.5T43 0h128v107L85 85l22 86H0zm107 170l-22 86l86-22v107H43q-18 0-30.5-12.5T0 341V213zm192 86l-22-86h107v128q0 18-12.5 30.5T341 384H213V277zM341 0q18 0 30.5 12.5T384 43v128H277l22-86l-86 22V0z"/></svg>

كيفية استخدام أيقونة Google Pages

React

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

<Icon icon="zmdi:google-pages" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:google-pages" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:google-pages" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--google-pages]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:google-pages"></div>

مكوّن ويب

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

<iconify-icon icon="zmdi:google-pages"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/zmdi/google-pages.svg" alt="أيقونة Google Pages" width="24" height="24">

أيقونات ذات صلة في Material Design Iconic Font

الأسئلة الشائعة حول أيقونة Google Pages

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

نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Google Pages في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/google-pages.svg" alt="أيقونة Google Pages">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Material Design Iconic Font →