Add icons to this collection by clicking the heart icon.
Calendar icon - also known as present, gift, calendar, birthday, celebration, surprise, gift box, and commerce and shopping. 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="a"
x1="18.503"
x2="65.495"
y1="74.07"
y2="20.634"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="13.622"
x2="60.615"
y1="69.778"
y2="16.342"
href="#a"
/>
<linearGradient
id="c"
x1="12.632"
x2="59.625"
y1="68.907"
y2="15.471"
href="#a"
/>
<linearGradient
id="d"
x1="11.837"
x2="58.83"
y1="68.208"
y2="14.773"
href="#a"
/>
<linearGradient
id="e"
x1="8.966"
x2="55.959"
y1="65.683"
y2="12.248"
href="#a"
/>
<linearGradient
id="f"
x1="3.891"
x2="50.884"
y1="61.22"
y2="7.785"
href="#a"
/>
<linearGradient
id="g"
x1="23.064"
x2="70.057"
y1="78.081"
y2="24.645"
href="#a"
/>
<linearGradient
id="h"
x1="20.998"
x2="67.991"
y1="76.264"
y2="22.829"
href="#a"
/>
<linearGradient
id="i"
x1="20.044"
x2="67.037"
y1="75.426"
y2="21.99"
href="#a"
/>
<linearGradient
id="j"
x1="14.837"
x2="61.83"
y1="70.846"
y2="17.411"
href="#a"
/>
<linearGradient
id="k"
x1="27.857"
x2="74.85"
y1="82.296"
y2="28.861"
href="#a"
/>
<linearGradient
id="l"
x1="30.584"
x2="77.577"
y1="84.695"
y2="31.259"
href="#a"
/>
<linearGradient
id="m"
x1="22.991"
x2="69.984"
y1="78.017"
y2="24.582"
href="#a"
/>
<linearGradient
id="n"
x1="25.791"
x2="72.784"
y1="80.48"
y2="27.044"
href="#a"
/>
<linearGradient
id="o"
x1="-2.905"
x2="44.088"
y1="55.243"
y2="1.808"
href="#a"
/>
<linearGradient
id="p"
x1="-1.809"
x2="45.184"
y1="56.207"
y2="2.772"
href="#a"
/>
<linearGradient
id="q"
x1="3.016"
x2="50.009"
y1="60.45"
y2="7.015"
href="#a"
/>
<linearGradient
id="r"
x1="4.132"
x2="51.125"
y1="61.432"
y2="7.996"
href="#a"
/>
<linearGradient
id="s"
x1="-18.424"
x2="28.569"
y1="41.596"
y2="-11.84"
href="#a"
/>
<linearGradient
id="t"
x1="-4.667"
x2="42.326"
y1="53.694"
y2=".258"
href="#a"
/>
<linearGradient
id="u"
x1="3.686"
x2="50.679"
y1="61.04"
y2="7.604"
href="#a"
/>
<linearGradient
id="v"
x1="16.943"
x2="63.936"
y1="72.698"
y2="19.263"
href="#a"
/>
<linearGradient
id="w"
x1="8.655"
x2="55.648"
y1="65.41"
y2="11.974"
href="#a"
/>
<linearGradient
id="x"
x1="18.271"
x2="65.263"
y1="73.866"
y2="20.43"
href="#a"
/>
<linearGradient
id="y"
x1="11.327"
x2="58.319"
y1="67.759"
y2="14.323"
href="#a"
/>
<linearGradient
id="z"
x1="-.407"
x2="46.586"
y1="57.44"
y2="4.005"
href="#a"
/>
<linearGradient
id="A"
x1=".982"
x2="47.974"
y1="58.661"
y2="5.226"
href="#a"
/>
<linearGradient
id="B"
x1="25.965"
x2="72.958"
y1="80.632"
y2="27.197"
href="#a"
/>
<g>
<path fill="url(#a)" d="M59 31a1 1 0 0 0-1-1h-6v4h7z" />
<path
fill="url(#b)"
d="M51.5 27h-1.086l-.707.707A1 1 0 0 1 49 28h2.5a.5.5 0 0 0 0-1z"
/>
<path fill="url(#c)" d="M35 44H25v16h5V50a1 1 0 0 1 1-1h4z" />
<path
fill="url(#d)"
d="M47.586 27H46.5a.5.5 0 0 0 0 1H49a1 1 0 0 1-.707-.293z"
/>
<path fill="url(#e)" d="M19 44h4v16h-4z" />
<path fill="url(#f)" d="M7 56h3v2H7v2h10V44H7zm5 0h2v2h-2z" />
<path fill="url(#g)" d="M45 51h2v2h-2z" />
<path fill="url(#h)" d="M32 55h11v5H32z" />
<path fill="url(#i)" d="M48 36h2v13h-2z" />
<path fill="url(#j)" d="M48 30h2v4h-2z" />
<path fill="url(#k)" d="M49 51h11v2H49z" />
<path fill="url(#l)" d="M49 55h11v5H49z" />
<path fill="url(#m)" d="M52 49h4a1 1 0 0 0 1-1V36h-5z" />
<path fill="url(#n)" d="M45 55h2v5h-2z" />
<path fill="url(#o)" d="M5 38h11v4H5z" />
<path
fill="url(#p)"
d="M17.879 34.293a1 1 0 0 0-.707-.293H15a2 2 0 0 0-2 2h6.586z"
/>
<path fill="url(#q)" d="M18 38h6v4h-6z" />
<path fill="url(#r)" d="M50 4h4.001v6H50z" />
<path fill="url(#s)" d="M10 4h4.001v6H10z" />
<path
fill="url(#t)"
d="M56 8v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V8H16v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V8H4v8h56V8zm-12 6a1 1 0 0 1-1 1H21a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1z"
/>
<path fill="url(#t)" d="M22 11h20v2H22z" />
<path
fill="url(#u)"
d="M27 34h-2.172a1 1 0 0 0-.707.293L22.414 36H29a2 2 0 0 0-2-2z"
/>
<path fill="url(#v)" d="M42 49h4V36h-5v12a1 1 0 0 0 1 1z" />
<path fill="url(#w)" d="M36 42h.002L36 38H26v4z" />
<path fill="url(#x)" d="M32 51h11v2H32z" />
<path fill="url(#y)" d="M46 30h-6a1 1 0 0 0-1 1v3h7z" />
<path fill="url(#z)" d="M4 60h1V44a1.978 1.978 0 0 1-1-.278z" />
<path
fill="url(#A)"
d="M4 20h4v2H4v14.278A1.978 1.978 0 0 1 5 36h6a4 4 0 0 1 4-4h2.172a2.978 2.978 0 0 1 2.121.879L21 34.586l1.707-1.707A2.978 2.978 0 0 1 24.828 32H27a4 4 0 0 1 4 4h5a2 2 0 0 1 2 2v4a1.993 1.993 0 0 1-1 1.722V49h2.184A2.966 2.966 0 0 1 39 48V36h-1a1 1 0 0 1-1-1v-4a3 3 0 0 1 3-3h4.051a2.5 2.5 0 0 1 2.449-3H48a1 1 0 0 1 .707.293l.293.293.293-.293A1 1 0 0 1 50 25h1.5a2.5 2.5 0 0 1 2.449 3H58a2.981 2.981 0 0 1 2 .78V18H4zm6 0h2v2h-2z"
/>
<path fill="url(#B)" d="M59 48a2.966 2.966 0 0 1-.184 1H60V36h-1z" />
</g>
</svg>
More icons in the same style and category