Add icons to this collection by clicking the heart icon.
Calendar icon - also known as medical, hospital, calendar, date, healthcare, appointment, and time and date. Created in a clean flat 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="c"
x1="32"
x2="32"
y1="16"
y2="57"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8e8e8" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<linearGradient
id="a"
x1="32"
x2="32"
y1="7"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cf1d37" />
<stop offset="1" stop-color="#cf0018" />
</linearGradient>
<linearGradient id="d" x1="15.5" x2="15.5" y1="33" y2="40" href="#a" />
<linearGradient id="e" x1="26.5" x2="26.5" y1="33" y2="40" href="#a" />
<linearGradient id="f" x1="37.5" x2="37.5" y1="33" y2="40" href="#a" />
<linearGradient
id="b"
x1="15.5"
x2="15.5"
y1="29"
y2="22"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#004c7b" />
<stop offset="1" stop-color="#005e96" />
</linearGradient>
<linearGradient id="g" x1="26.5" x2="26.5" href="#b" />
<linearGradient id="h" x1="37.5" x2="37.5" href="#b" />
<linearGradient id="i" x1="48.5" x2="48.5" href="#b" />
<linearGradient id="j" y1="51" y2="44" href="#b" />
<linearGradient id="k" x1="26.5" x2="26.5" y1="51" y2="44" href="#b" />
<linearGradient
id="l"
x1="47"
x2="47"
y1="33"
y2="61"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a1dfff" />
<stop offset="1" stop-color="#21c1ff" />
</linearGradient>
<linearGradient id="m" x1="47" x2="47" y1="39" y2="55" href="#a" />
<linearGradient id="n" x1="14.5" x2="14.5" y1="13" y2="3" href="#b" />
<linearGradient id="o" x1="49.5" x2="49.5" y1="13" y2="3" href="#b" />
<rect width="50" height="41" x="7" y="16" fill="url(#c)" rx="1" />
<rect width="50" height="11" x="7" y="7" fill="url(#a)" rx="1" />
<rect width="7" height="7" x="12" y="33" fill="url(#d)" rx="1" />
<rect width="7" height="7" x="23" y="33" fill="url(#e)" rx="1" />
<path
fill="url(#f)"
d="M40 33h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1.76a1 1 0 0 0 .67-.26l3.24-3A1 1 0 0 0 41 36v-2a1 1 0 0 0-1-1z"
/>
<rect width="7" height="7" x="12" y="22" fill="url(#b)" rx="1" />
<rect width="7" height="7" x="23" y="22" fill="url(#g)" rx="1" />
<rect width="7" height="7" x="34" y="22" fill="url(#h)" rx="1" />
<rect width="7" height="7" x="45" y="22" fill="url(#i)" rx="1" />
<rect width="7" height="7" x="12" y="44" fill="url(#j)" rx="1" />
<rect width="7" height="7" x="23" y="44" fill="url(#k)" rx="1" />
<circle cx="47" cy="47" r="14" fill="url(#l)" />
<path
fill="url(#m)"
d="M54 43h-3v-3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<rect width="7" height="10" x="11" y="3" fill="url(#n)" rx="1" />
<rect width="7" height="10" x="46" y="3" fill="url(#o)" rx="1" />
</svg>
More icons in the same style and category