SVGrove

calendar icon — free SVG

Download the free calendar icon as SVG or PNG, copy the calendar SVG code, or drop it into React as JSX — 4 matching styles, no attribution required.

calendar (noun, verb) — a system of timekeeping that defines the beginning and length and divisions of the year

calendar icon — outline style, free SVGoutline
calendar icon — filled style, free SVGfilled
calendar icon — duotone style, free SVGduotone
calendar icon — rounded style, free SVGrounded

How to use the calendar icon

HTML: paste the SVG inline (it inherits currentColor) or hotlink it:

<img src="https://svgrove.com/api/icons/01KZ5TETDK1KEG5WFQS7D81ZGX.svg" alt="calendar icon" width="24" height="24">

React (JSX):

<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24"><rect width="17" height="15" x="3.5" y="5.5" rx="2"/><path d="M8 3.5v4m8-4v4m-12.5 3h17M8 14.5h.4m3.4 0h.4m3.4 0h.4"/></svg>

Accessibility: decorative use → aria-hidden="true"; meaningful use → role="img" aria-label="calendar".

Download calendar SVG & PNG

calendar.svg · calendar.png (512px) — all 4 styles are one click away in the picker once the page loads.

License

Free for personal and commercial use. No attribution required. Redistribution or resale of the icons as an icon library, pack or download service is not allowed. Read the SVGrove Free License.

More in Time & Dates

dateyeardaylastjanuaryfulltodayhistoryratetimes