Calendar Grid icon
ps:calendar-grid
The Calendar Grid icon (ps:calendar-grid) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 512 × 512 grid. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- PrestaShop Icons
- Author
- PrestaShop
- License
- CC-BY-NC-4.0
- Size
- 512 × 512
- Tags
- calendargrid
SVG code
<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>How to use the Calendar Grid icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/ps/calendar-grid.svg" alt="Calendar Grid icon" width="24" height="24">Related icons in PrestaShop Icons
Calendar Grid icon in other icon sets
Calendar Grid icon FAQ
Is the Calendar Grid icon free for commercial use?
No. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Calendar Grid icon in React?
Install @iconify/react and render <Icon icon="ps:calendar-grid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Calendar Grid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/calendar-grid.svg" alt="Calendar Grid icon">, or paste the SVG code inline to style it with CSS.