Add icons to this collection by clicking the heart icon.
Calendar icon - also known as calendar, travel, hotel, motel, vacation, holiday, and travel bag. 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="22.946"
x2="80.932"
y1="85.554"
y2="27.568"
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="-3.009"
x2="54.977"
y1="59.599"
y2="1.613"
href="#a"
/>
<linearGradient
id="c"
x1="16.446"
x2="74.432"
y1="79.054"
y2="21.068"
href="#a"
/>
<linearGradient
id="d"
x1="4.696"
x2="62.682"
y1="67.304"
y2="9.318"
href="#a"
/>
<linearGradient
id="e"
x1="12.946"
x2="70.932"
y1="75.554"
y2="17.568"
href="#a"
/>
<linearGradient
id="f"
x1="10.446"
x2="68.432"
y1="73.054"
y2="15.068"
href="#a"
/>
<linearGradient
id="g"
x1="6.446"
x2="64.432"
y1="69.054"
y2="11.068"
href="#a"
/>
<linearGradient
id="h"
x1="-8.907"
x2="49.079"
y1="53.701"
y2="-4.286"
href="#a"
/>
<linearGradient
id="i"
x1="-13.804"
x2="44.182"
y1="48.804"
y2="-9.182"
href="#a"
/>
<linearGradient
id="j"
x1="-.804"
x2="57.182"
y1="61.804"
y2="3.818"
href="#a"
/>
<linearGradient
id="k"
x1="-8.304"
x2="49.682"
y1="54.304"
y2="-3.682"
href="#a"
/>
<linearGradient
id="l"
x1="-22.304"
x2="35.682"
y1="40.304"
y2="-17.682"
href="#a"
/>
<linearGradient
id="m"
x1="-1.804"
x2="56.182"
y1="60.804"
y2="2.818"
href="#a"
/>
<linearGradient
id="n"
x1="-7.804"
x2="50.182"
y1="54.804"
y2="-3.182"
href="#a"
/>
<linearGradient
id="o"
x1="-2.554"
x2="55.432"
y1="60.054"
y2="2.068"
href="#a"
/>
<linearGradient
id="p"
x1="3.446"
x2="61.432"
y1="66.054"
y2="8.068"
href="#a"
/>
<linearGradient
id="q"
x1="8.196"
x2="66.182"
y1="70.804"
y2="12.818"
href="#a"
/>
<linearGradient
id="r"
x1="-2.804"
x2="55.182"
y1="59.804"
y2="1.818"
href="#a"
/>
<linearGradient
id="s"
x1="11.196"
x2="69.182"
y1="73.804"
y2="15.818"
href="#a"
/>
<linearGradient
id="t"
x1="21.446"
x2="79.432"
y1="84.054"
y2="26.068"
href="#a"
/>
<linearGradient
id="u"
x1="27.049"
x2="85.036"
y1="89.657"
y2="31.671"
href="#a"
/>
<linearGradient
id="v"
x1="2.696"
x2="60.682"
y1="65.304"
y2="7.318"
href="#a"
/>
<linearGradient
id="w"
x1="15.696"
x2="73.682"
y1="78.304"
y2="20.318"
href="#a"
/>
<linearGradient
id="x"
x1="1.946"
x2="59.932"
y1="64.554"
y2="6.568"
href="#a"
/>
<linearGradient
id="y"
x1="19.196"
x2="77.182"
y1="81.804"
y2="23.818"
href="#a"
/>
<linearGradient
id="z"
x1=".093"
x2="58.079"
y1="62.701"
y2="4.714"
href="#a"
/>
<linearGradient
id="A"
x1="7.946"
x2="65.932"
y1="70.554"
y2="12.568"
href="#a"
/>
<linearGradient
id="B"
x1="14.946"
x2="72.932"
y1="77.554"
y2="19.568"
href="#a"
/>
<linearGradient
id="C"
x1="5.093"
x2="63.079"
y1="67.701"
y2="9.714"
href="#a"
/>
<path fill="url(#a)" d="M58 44a1 1 0 0 1-1 1h-1v11h4V43h-2z" />
<path
fill="url(#b)"
d="M5 60h17.18a3 3 0 0 1-.18-1v-6h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h4v-4h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h4.78A2.986 2.986 0 0 1 25 32h9v-2a3 3 0 0 1 .18-1H29a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v5.18a3 3 0 0 1 1-.18h2v-5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v5a3.009 3.009 0 0 1 3 3v2h9a3 3 0 0 1 1 .18V17H4v42a1 1 0 0 0 1 1zm45-38a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm-33 0a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zM6 22a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm0 12a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z"
/>
<path fill="url(#c)" d="M60 35a1 1 0 0 0-1-1h-3v3h1a1 1 0 0 1 1 1v3h2z" />
<path fill="url(#d)" d="M34 39h-2v2h-2v-2h-2v4h6z" />
<path fill="url(#e)" d="M52 34h2v3h-2z" />
<path fill="url(#f)" d="M30 45h2v15h-2z" />
<path fill="url(#g)" d="M28 45h-1a1 1 0 0 1-1-1v-1h-2v13h4z" />
<path
fill="url(#h)"
d="M5 10a1 1 0 0 0-1 1v4h56v-4a1 1 0 0 0-1-1h-2v1a2.006 2.006 0 0 1-2 2h-3a2.006 2.006 0 0 1-2-2v-1H14v1a2.006 2.006 0 0 1-2 2H9a2.006 2.006 0 0 1-2-2v-1z"
/>
<path fill="url(#i)" d="M8 23h4v4H8z" />
<path fill="url(#j)" d="M52 4h3v7h-3z" />
<path fill="url(#k)" d="M19 23h4v4h-4z" />
<path fill="url(#l)" d="M9 4h3v7H9z" />
<path fill="url(#m)" d="M8 47h4v4H8z" />
<path fill="url(#n)" d="M8 35h4v4H8z" />
<path fill="url(#o)" d="M19 35h3v4h-3z" />
<path fill="url(#p)" d="M19 47h3v4h-3z" />
<path fill="url(#q)" d="M52 23h4v4h-4z" />
<path fill="url(#r)" d="M30 23h4v4h-4z" />
<path fill="url(#s)" d="M24 59a1 1 0 0 0 1 1h3v-2h-4z" />
<path fill="url(#t)" d="M52 45h2v15h-2z" />
<path fill="url(#u)" d="M60 59v-1h-4v2h3a1 1 0 0 0 1-1z" />
<path fill="url(#v)" d="M41 23h4v4h-4z" />
<path fill="url(#w)" d="M56 39h-2v2h-2v-2h-2v4h6z" />
<path fill="url(#x)" d="M30 34h2v3h-2z" />
<path fill="url(#y)" d="M34 58h16v2H34z" />
<path fill="url(#z)" d="M28 34h-3a1 1 0 0 0-1 1v6h2v-3a1 1 0 0 1 1-1h1z" />
<path
fill="url(#A)"
d="M50 34H34v3h1a1 1 0 0 1 1 1v3h12v-3a1 1 0 0 1 1-1h1z"
/>
<path
fill="url(#B)"
d="M50 45h-1a1 1 0 0 1-1-1v-1H36v1a1 1 0 0 1-1 1h-1v11h16z"
/>
<path fill="url(#C)" d="M36 30v2h12v-2a1 1 0 0 0-1-1H37a1 1 0 0 0-1 1z" />
</svg>
More icons in the same style and category