Add icons to this collection by clicking the heart icon.
Calendar icon - also known as bell, clock, time, schedule, alarm, calendar, date, event, and time and date. Created in a clean circular style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="9.62"
x2="54.81"
y1="9.63"
y2="54.81"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<g id="calendar-9">
<circle cx="32" cy="32" fill="url(#linear-gradient)" r="32" />
<path
d="m43 22h-4v-1a1 1 0 0 0 -2 0v1h-14v-1a1 1 0 0 0 -2 0v1h-4a1 1 0 0 0 -1 1v6a1 1 0 0 0 1 1h1v17a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-17h1a1 1 0 0 0 1-1v-6a1 1 0 0 0 -1-1z"
fill="#2196f3"
opacity=".2"
/>
<rect fill="#fff" height="20" rx="1" width="24" x="20" y="26" />
<path
d="m36 35h-3v-3a1 1 0 0 0 -2 0v3h-3a1 1 0 0 0 0 2h3v3a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2z"
fill="#bbdefb"
/>
<path
d="m45 20h-4v-1a1 1 0 0 0 -2 0v1h-14v-1a1 1 0 0 0 -2 0v1h-4a1 1 0 0 0 -1 1v6a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-6a1 1 0 0 0 -1-1z"
fill="#2196f3"
/>
<g fill="#e3f2fd">
<path
d="m15.5 50h-2a.5.5 0 0 0 -.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0 -.5-.5zm-.5 2h-1v-1h1z"
/>
<path
d="m50.5 46h-2a.5.5 0 0 0 -.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0 -.5-.5zm-.5 2h-1v-1h1z"
/>
<path
d="m35.5 11h-3a.5.5 0 0 0 -.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0 -.5-.5zm-.5 3h-2v-2h2z"
/>
</g>
</g>
</svg>
More icons in the same style and category