أيقونة Calendar Grid

ps:calendar-grid

أيقونة Calendar Grid (ps:calendar-grid) أيقونة SVG مجانية من مجموعة PrestaShop Icons من تصميم PrestaShop. مرسومة على شبكة 512 × 512. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: PrestaShop Icons
المؤلف: PrestaShop
الترخيص: CC-BY-NC-4.0
الحجم: 512 × 512
الوسوم: calendargrid

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M448 43h-43V21q0-21-21-21t-21 21v22H149V21q0-21-21-21t-21 21v22H64q-27 0-45.5 19.5T0 109v358q0 19 12.5 32T43 512h426q18 0 30.5-13t12.5-32V109q0-27-18.5-46.5T448 43M107 469H43v-42h64zm0-85H43v-43h64zm0-85H43v-43h64zm0-86H43v-42h64zm85 256h-43v-42h43zm0-85h-43v-43h43zm0-85h-43v-43h43zm0-86h-43v-42h43zm85 256h-42v-42h42zm0-85h-42v-43h42zm0-85h-42v-43h42zm0-86h-42v-42h42zm86 256h-43v-42h43zm0-85h-43v-43h43zm0-85h-43v-43h43zm0-86h-43v-42h43zM43 128v-19q0-10 6-17t15-7h384q21 0 21 22v21zm426 43v42h-64v-42zm-64 170h64v43h-64zm64 128h-64v-42h64zm0-170h-64v-43h64z"/></svg>

كيفية استخدام أيقونة Calendar Grid

React

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

<Icon icon="ps:calendar-grid" width="24" />

Vue

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

<template>
  <Icon icon="ps:calendar-grid" width="24" />
</template>

Svelte

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

<Icon icon="ps:calendar-grid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--calendar-grid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:calendar-grid"></div>

مكوّن ويب

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

<iconify-icon icon="ps:calendar-grid"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ps/calendar-grid.svg" alt="أيقونة Calendar Grid" width="24" height="24">

أيقونات ذات صلة في PrestaShop Icons

أيقونة Calendar Grid في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Calendar Grid

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

لا. تستخدم PrestaShop Icons ترخيص CC BY-NC 4.0، الذي لا يسمح بالاستخدام التجاري دون إذن منفصل من المؤلف.

كيف أستخدم أيقونة Calendar Grid في React؟

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

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

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

تصفح كل PrestaShop Icons →