Calendar Grid Pixel Art Icon
A calendar grid icon showing a month view with date cells for month-view toggles, full-calendar layouts and grid-mode date pickers.
Tags
calendareventdaygridlayouttablecells
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Calendar Grid icon
A calendar with a visible grid of day cells, representing a full month view rather than a single event or date. Use it as the toggle for a month-grid layout in a calendar app offering multiple views, on a date-picker that opens a full month grid, or to label a 'Monthly overview' section in a scheduling tool. When the context calls for a single appointment rather than a whole month, the calendar-check icon communicates a narrower scope more accurately.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/calendar-grid.svg" width="24" height="24" alt="Calendar Grid" />
<!-- React -->
import { CalendarGrid } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="calendar-grid.svg" width="48" height="48" style="image-rendering: pixelated" />