Add icons to this collection by clicking the heart icon.
Calendar icon - also known as business, time, office, calendar, organization, 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 500 500"
>
<linearGradient id="a">
<stop offset="0" stop-color="#41d7f5" />
<stop offset="1" stop-color="#ffa5eb" />
</linearGradient>
<linearGradient
id="b"
x1="72.195"
x2="334.195"
y1="423.398"
y2="3.398"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="82.523"
x2="344.523"
y1="429.841"
y2="9.841"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="69.061"
x2="331.061"
y1="421.443"
y2="1.443"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="85.657"
x2="347.657"
y1="431.796"
y2="11.796"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="110.506"
x2="372.506"
y1="447.296"
y2="27.296"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="120.834"
x2="382.834"
y1="453.739"
y2="33.739"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="107.372"
x2="369.372"
y1="445.342"
y2="25.342"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="123.968"
x2="385.968"
y1="455.694"
y2="35.694"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="96.42"
x2="358.42"
y1="438.51"
y2="18.51"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="106.749"
x2="368.749"
y1="444.953"
y2="24.953"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="93.286"
x2="355.286"
y1="436.555"
y2="16.555"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="109.882"
x2="371.882"
y1="446.908"
y2="26.908"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="74.708"
x2="336.708"
y1="424.965"
y2="4.965"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="85.036"
x2="347.036"
y1="431.408"
y2="11.408"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="71.574"
x2="333.574"
y1="423.01"
y2="3.01"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="88.17"
x2="350.17"
y1="433.363"
y2="13.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="80.61"
x2="342.61"
y1="428.647"
y2="8.647"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="90.939"
x2="352.939"
y1="435.09"
y2="15.09"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="77.477"
x2="339.477"
y1="426.693"
y2="6.693"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="94.073"
x2="356.073"
y1="437.045"
y2="17.045"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="117.331"
x2="379.331"
y1="451.554"
y2="31.554"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="127.659"
x2="389.659"
y1="457.997"
y2="37.997"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="114.197"
x2="376.197"
y1="449.599"
y2="29.599"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="130.793"
x2="392.793"
y1="459.952"
y2="39.952"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="218.996"
x2="480.996"
y1="514.974"
y2="94.974"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="-1.424"
x2="260.576"
y1="377.473"
y2="-42.527"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="122.325"
x2="384.325"
y1="454.67"
y2="34.67"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="102.423"
x2="364.423"
y1="442.255"
y2="22.255"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="119.488"
x2="381.488"
y1="452.899"
y2="32.899"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="E"
x1="136.103"
x2="398.103"
y1="463.264"
y2="43.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="F"
x1="153.616"
x2="415.616"
y1="474.189"
y2="54.189"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="G"
x1="75.452"
x2="337.452"
y1="425.43"
y2="5.43"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="H"
x1="105.687"
x2="367.687"
y1="444.29"
y2="24.29"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="I"
x1="136.641"
x2="398.641"
y1="463.6"
y2="43.6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="J"
x1="197.83"
x2="459.83"
y1="501.77"
y2="81.77"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="K"
x1="166.876"
x2="428.876"
y1="482.461"
y2="62.461"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M304.5 58.5A3.5 3.5 0 0 1 301 55v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#c)"
d="M304.5 81.5A3.5 3.5 0 0 1 301 78v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#d)"
d="M297 65.972h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#e)"
d="M320 66.059h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#f)"
d="M341.5 84.5A3.5 3.5 0 0 1 338 81v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#g)"
d="M341.5 107.5a3.5 3.5 0 0 1-3.5-3.5v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#h)"
d="M334 91.972h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#i)"
d="M357 92.059h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#j)"
d="M352.5 35.5A3.5 3.5 0 0 1 349 32v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#k)"
d="M352.5 58.5A3.5 3.5 0 0 1 349 55v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#l)"
d="M345 42.972h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#m)"
d="M368 43.059h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#n)"
d="M106.5 381.5a3.5 3.5 0 0 1-3.5-3.5v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#o)"
d="M106.5 404.5a3.5 3.5 0 0 1-3.5-3.5v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#p)"
d="M99 388.972h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#q)"
d="M122 389.059h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#r)"
d="M88.5 423.5A3.5 3.5 0 0 1 85 420v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#s)"
d="M88.5 446.5A3.5 3.5 0 0 1 85 443v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#t)"
d="M81 430.972h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#u)"
d="M104 431.059h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#v)"
d="M144.5 415.5a3.5 3.5 0 0 1-3.5-3.5v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#w)"
d="M144.5 438.5a3.5 3.5 0 0 1-3.5-3.5v-8a3.5 3.5 0 1 1 7 0v8a3.5 3.5 0 0 1-3.5 3.5z"
/>
<path
fill="url(#x)"
d="M137 422.972h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#y)"
d="M160 423.059h-.014l-8-.03a3.5 3.5 0 0 1 .014-7h.014l8 .03a3.5 3.5 0 0 1-.014 7z"
/>
<path
fill="url(#z)"
d="M249.84 465.717c-29.734 0-58.535-5.939-85.603-17.653a5 5 0 0 1 3.97-9.178c25.808 11.168 53.272 16.831 81.632 16.831 113.433 0 205.717-92.284 205.717-205.717 0-65.587-30.19-125.726-82.83-164.996a5.001 5.001 0 0 1 5.98-8.016c26.364 19.669 48.215 45.496 63.189 74.689 15.7 30.607 23.66 63.688 23.66 98.322 0 57.62-22.438 111.791-63.182 152.535-40.742 40.744-94.913 63.183-152.533 63.183z"
/>
<path
fill="url(#A)"
d="M73.475 370.35a4.996 4.996 0 0 1-4.187-2.261C46.283 332.986 34.123 292.152 34.123 250c0-57.62 22.438-111.792 63.182-152.535 40.744-40.744 94.915-63.182 152.535-63.182 11.887 0 23.814.976 35.452 2.9a5 5 0 0 1 4.117 5.749 4.998 4.998 0 0 1-5.748 4.117 207.99 207.99 0 0 0-33.821-2.766C136.407 44.283 44.123 136.567 44.123 250c0 40.199 11.594 79.139 33.528 112.608a5 5 0 0 1-4.176 7.742z"
/>
<path
fill="url(#B)"
d="M360.386 363.735H139.614c-12.301 0-22.308-10.007-22.308-22.308V158.573c0-12.3 10.007-22.308 22.308-22.308h220.771c12.301 0 22.308 10.007 22.308 22.308v182.854c0 12.301-10.006 22.308-22.307 22.308zM139.614 146.88c-6.447 0-11.692 5.245-11.692 11.692v182.854c0 6.447 5.245 11.692 11.692 11.692h220.771c6.447 0 11.692-5.245 11.692-11.692V158.573c0-6.447-5.245-11.692-11.692-11.692H139.614z"
/>
<path
fill="url(#C)"
d="M370 211.181H130a5.5 5.5 0 0 1 0-11h240a5.5 5.5 0 0 1 0 11z"
/>
<path
fill="url(#D)"
d="M370 249.181H130a5.5 5.5 0 0 1 0-11h240a5.5 5.5 0 0 1 0 11z"
/>
<path
fill="url(#E)"
d="M370 286.181H130a5.5 5.5 0 0 1 0-11h240a5.5 5.5 0 0 1 0 11z"
/>
<path
fill="url(#F)"
d="M370 325.181H130a5.5 5.5 0 0 1 0-11h240a5.5 5.5 0 0 1 0 11z"
/>
<path
fill="url(#G)"
d="M164.5 363.681a5.5 5.5 0 0 1-5.5-5.5v-151a5.5 5.5 0 0 1 11 0v151a5.5 5.5 0 0 1-5.5 5.5z"
/>
<path
fill="url(#H)"
d="M206.5 363.681a5.5 5.5 0 0 1-5.5-5.5v-151a5.5 5.5 0 0 1 11 0v151a5.5 5.5 0 0 1-5.5 5.5z"
/>
<path
fill="url(#I)"
d="M249.5 363.681a5.5 5.5 0 0 1-5.5-5.5v-151a5.5 5.5 0 0 1 11 0v151a5.5 5.5 0 0 1-5.5 5.5z"
/>
<path
fill="url(#J)"
d="M334.5 363.681a5.5 5.5 0 0 1-5.5-5.5v-151a5.5 5.5 0 0 1 11 0v151a5.5 5.5 0 0 1-5.5 5.5z"
/>
<path
fill="url(#K)"
d="M291.5 363.681a5.5 5.5 0 0 1-5.5-5.5v-151a5.5 5.5 0 0 1 11 0v151a5.5 5.5 0 0 1-5.5 5.5z"
/>
</svg>
More icons in the same style and category