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 lineal color 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="d"
x1="32"
x2="32"
y1="16"
y2="57"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d6d6d6" />
<stop offset="1" stop-color="#d6d6d6" />
</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="e" x1="15.5" x2="15.5" y1="33" y2="40" href="#a" />
<linearGradient id="f" x1="26.5" x2="26.5" y1="33" y2="40" href="#a" />
<linearGradient id="g" 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="h" x1="26.5" x2="26.5" href="#b" />
<linearGradient id="i" x1="37.5" x2="37.5" href="#b" />
<linearGradient id="j" x1="48.5" x2="48.5" href="#b" />
<linearGradient id="k" y1="51" y2="44" href="#b" />
<linearGradient id="l" x1="26.5" x2="26.5" y1="51" y2="44" href="#b" />
<linearGradient
id="m"
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="n" x1="47" x2="47" y1="39" y2="55" href="#a" />
<linearGradient id="o" x1="14.5" x2="14.5" y1="13" y2="3" href="#b" />
<linearGradient id="p" x1="49.5" x2="49.5" y1="13" y2="3" href="#b" />
<linearGradient
id="c"
x1="39"
x2="55"
y1="47"
y2="47"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000406" />
<stop offset="1" stop-color="#001521" />
</linearGradient>
<linearGradient id="q" x1="7" x2="61.01" y1="32" y2="32" href="#c" />
<linearGradient id="r" x1="12" x2="19" y1="36.5" y2="36.5" href="#c" />
<linearGradient id="s" x1="23" x2="30" y1="36.5" y2="36.5" href="#c" />
<linearGradient id="t" x1="12" x2="19" y1="25.5" y2="25.5" href="#c" />
<linearGradient id="u" x1="23" x2="30" y1="25.5" y2="25.5" href="#c" />
<linearGradient id="v" x1="34" x2="41" y1="25.5" y2="25.5" href="#c" />
<linearGradient id="w" x1="45" x2="52" y1="25.5" y2="25.5" href="#c" />
<linearGradient id="x" x1="12" x2="19" y1="47.5" y2="47.5" href="#c" />
<linearGradient id="y" x1="23" x2="30" y1="47.5" y2="47.5" href="#c" />
<g>
<rect width="50" height="41" x="7" y="16" fill="url(#d)" 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(#e)" rx="1" />
<rect width="7" height="7" x="23" y="33" fill="url(#f)" rx="1" />
<path
fill="url(#g)"
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(#h)" rx="1" />
<rect width="7" height="7" x="34" y="22" fill="url(#i)" rx="1" />
<rect width="7" height="7" x="45" y="22" fill="url(#j)" rx="1" />
<rect width="7" height="7" x="12" y="44" fill="url(#k)" rx="1" />
<rect width="7" height="7" x="23" y="44" fill="url(#l)" rx="1" />
<circle cx="47" cy="47" r="14" fill="url(#m)" />
<path
fill="url(#n)"
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(#o)" rx="1" />
<rect width="7" height="10" x="46" y="3" fill="url(#p)" rx="1" />
</g>
<g>
<path
fill="url(#c)"
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-1zm-1 6h-3a1 1 0 0 0-1 1v3h-4v-3a1 1 0 0 0-1-1h-3v-4h3a1 1 0 0 0 1-1v-3h4v3a1 1 0 0 0 1 1h3z"
/>
<path
fill="url(#q)"
d="M57 8a1 1 0 0 0-1-1h-3V4a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v3H18V4a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v3H8a1 1 0 0 0-1 1v48a1 1 0 0 0 1 1h29.22A14 14 0 0 0 57 37.22zm-9-3h3v6h-3zM13 5h3v6h-3zM9 9h2v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V9h28v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V9h2v7H9zm0 9h46v17.53a13.88 13.88 0 0 0-14-1.16V34a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 .91 1 13.88 13.88 0 0 0 .62 15H9zm27.29 20H36v-3h3v.53A13.83 13.83 0 0 0 36.29 38zM47 59a12 12 0 1 1 12-12 12 12 0 0 1-12 12z"
/>
<path
fill="url(#r)"
d="M18 33h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
<path
fill="url(#s)"
d="M29 33h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
<path
fill="url(#t)"
d="M18 22h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
<path
fill="url(#u)"
d="M29 22h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
<path
fill="url(#v)"
d="M35 29h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h3v3h-3z"
/>
<path
fill="url(#w)"
d="M46 29h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h3v3h-3z"
/>
<path
fill="url(#x)"
d="M18 44h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
<path
fill="url(#y)"
d="M29 44h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm-1 5h-3v-3h3z"
/>
</g>
</svg>
More icons in the same style and category