Add icons to this collection by clicking the heart icon.
Calendar icon - also known as schedule, days, calendar, date, event, and time and date. Created in a clean gradient 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="a"
x1="32"
x2="32"
y1="67.311"
y2="3.352"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="31" x2="31" y1="67.311" y2="3.352" href="#a" />
<linearGradient
id="c"
x1="16.5"
x2="16.5"
y1="67.311"
y2="3.352"
href="#a"
/>
<linearGradient id="d" x1="28" x2="28" y1="67.311" y2="3.352" href="#a" />
<linearGradient
id="e"
x1="36.5"
x2="36.5"
y1="67.311"
y2="3.352"
href="#a"
/>
<path
fill="url(#a)"
d="M32 62a30 30 0 1 1 30-30 30.034 30.034 0 0 1-30 30zm0-58a28 28 0 1 0 28 28A28.032 28.032 0 0 0 32 4z"
/>
<path
fill="url(#b)"
d="M30 8.079a1 1 0 0 1-.078-2A28.251 28.251 0 0 1 32 6a1 1 0 0 1 0 2c-.638 0-1.285.025-1.921.076z"
/>
<path
fill="url(#c)"
d="M7 33a1 1 0 0 1-1-1A25.952 25.952 0 0 1 25.76 6.757a1 1 0 1 1 .48 1.943A23.958 23.958 0 0 0 8 32a1 1 0 0 1-1 1z"
/>
<path
fill="url(#a)"
d="M45 18h-3v-1a3 3 0 0 0-6 0v1h-8v-1a3 3 0 0 0-6 0v1h-3a3.009 3.009 0 0 0-3 3v27a3.009 3.009 0 0 0 3 3h26a3.009 3.009 0 0 0 3-3V21a3.009 3.009 0 0 0-3-3zm-7-1a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm-14 0a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm22 31a1 1 0 0 1-1 1H19a1 1 0 0 1-1-1V27h28zm0-23H18v-4a1 1 0 0 1 1-1h3v1a3 3 0 0 0 6 0v-1h8v1a3 3 0 0 0 6 0v-1h3a1 1 0 0 1 1 1z"
/>
<path
fill="url(#d)"
d="M28 39h-1a1 1 0 0 1 0-2h1a2 2 0 1 0-2-2 1 1 0 0 1-2 0 4 4 0 1 1 4 4z"
/>
<path
fill="url(#d)"
d="M28 45a4 4 0 0 1-4-4 1 1 0 0 1 2 0 2 2 0 1 0 2-2h-1a1 1 0 0 1 0-2h1a4 4 0 0 1 0 8z"
/>
<path
fill="url(#e)"
d="M38 45a1 1 0 0 1-1-1V33.869l-1.445.963a1 1 0 0 1-1.11-1.664l3-2A1 1 0 0 1 39 32v12a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category