Add icons to this collection by clicking the heart icon.
Calendar icon - also known as interface, time, schedule, calendar, date, organization, administration, calendars, 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 32h-40V8a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v24H96V8a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v24H8a8 8 0 0 0-8 8v432a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8zm-72-16h16v48h-16V16zM64 16h16v48H64V16zM48 48v24a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V48h288v24a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V48h32v80H16V48h32zM16 464V144h448v320H16z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-33.875"
x2="-33.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 184h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-26.875"
x2="-26.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 184h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-19.875"
x2="-19.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M304 184h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-12.875"
x2="-12.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M360 184h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-5.875"
x2="-5.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M416 184h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-33.875"
x2="-33.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 240h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-26.875"
x2="-26.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 240h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-19.875"
x2="-19.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M304 240h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-12.875"
x2="-12.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M360 240h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-40.875"
x2="-40.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M136 240h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-47.875"
x2="-47.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M80 240H64a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-5.875"
x2="-5.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M416 240h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-33.875"
x2="-33.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 296h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-26.875"
x2="-26.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 296h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-19.875"
x2="-19.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M304 296h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-12.875"
x2="-12.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M360 296h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-40.875"
x2="-40.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M136 296h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#r)" />
<linearGradient
id="s"
x1="-47.875"
x2="-47.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M80 296H64a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#s)" />
<linearGradient
id="t"
x1="-5.875"
x2="-5.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M416 296h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#t)" />
<linearGradient
id="u"
x1="-33.875"
x2="-33.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 352h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#u)" />
<linearGradient
id="v"
x1="-26.875"
x2="-26.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 352h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#v)" />
<linearGradient
id="w"
x1="-19.875"
x2="-19.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M304 352h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#w)" />
<linearGradient
id="x"
x1="-12.875"
x2="-12.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M360 352h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#x)" />
<linearGradient
id="y"
x1="-40.875"
x2="-40.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M136 352h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#y)" />
<linearGradient
id="z"
x1="-47.875"
x2="-47.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M80 352H64a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#z)" />
<linearGradient
id="A"
x1="-5.875"
x2="-5.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M416 352h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#A)" />
<linearGradient
id="B"
x1="-33.875"
x2="-33.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M192 408h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#B)" />
<linearGradient
id="C"
x1="-26.875"
x2="-26.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M248 408h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#C)" />
<linearGradient
id="D"
x1="-40.875"
x2="-40.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M136 408h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#D)" />
<linearGradient
id="E"
x1="-47.875"
x2="-47.875"
y1="559.095"
y2="613.147"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M80 408H64a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z" fill="url(#E)" />
</svg>
More icons in the same style and category