Add icons to this collection by clicking the heart icon.
Calendar icon - also known as schedule, calendar, store, delivery, online shopping, e-commerce, 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 64 64"
>
<linearGradient
id="a"
x1="6.04"
x2="63.127"
y1="63.373"
y2="6.286"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="-12.167"
x2="44.921"
y1="45.167"
y2="-11.921"
href="#a"
/>
<linearGradient
id="c"
x1="-2.167"
x2="54.921"
y1="55.167"
y2="-1.921"
href="#a"
/>
<linearGradient
id="d"
x1="-4.873"
x2="52.214"
y1="52.46"
y2="-4.627"
href="#a"
/>
<linearGradient
id="e"
x1="-7.167"
x2="49.921"
y1="50.167"
y2="-6.921"
href="#a"
/>
<linearGradient
id="f"
x1="-14.667"
x2="42.421"
y1="42.667"
y2="-14.421"
href="#a"
/>
<linearGradient
id="g"
x1="-9.667"
x2="47.421"
y1="47.667"
y2="-9.421"
href="#a"
/>
<linearGradient
id="h"
x1="-4.667"
x2="52.421"
y1="52.667"
y2="-4.421"
href="#a"
/>
<linearGradient
id="i"
x1=".333"
x2="57.421"
y1="57.667"
y2=".58"
href="#a"
/>
<linearGradient
id="j"
x1="1.249"
x2="58.337"
y1="58.583"
y2="1.496"
href="#a"
/>
<linearGradient
id="k"
x1="-3.227"
x2="53.861"
y1="54.107"
y2="-2.981"
href="#a"
/>
<linearGradient
id="l"
x1="4.833"
x2="61.921"
y1="62.167"
y2="5.08"
href="#a"
/>
<linearGradient
id="m"
x1="11.833"
x2="68.921"
y1="69.167"
y2="12.08"
href="#a"
/>
<linearGradient
id="n"
x1="10.833"
x2="67.921"
y1="68.167"
y2="11.08"
href="#a"
/>
<linearGradient
id="o"
x1="17.833"
x2="74.921"
y1="75.167"
y2="18.08"
href="#a"
/>
<path
fill="url(#a)"
d="M55 58H9a3.003 3.003 0 0 1-3-3V19a1 1 0 0 1 1-1h50a1 1 0 0 1 1 1v36a3.003 3.003 0 0 1-3 3zM8 20v35a1.001 1.001 0 0 0 1 1h46a1 1 0 0 0 1-1V20z"
/>
<path fill="url(#b)" d="M25 12h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M45 12h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path
fill="url(#d)"
d="M57 20H7a1 1 0 0 1-1-1v-6a3.003 3.003 0 0 1 3-3h6a1 1 0 0 1 0 2H9a1.001 1.001 0 0 0-1 1v5h48v-5a1 1 0 0 0-1-1h-6a1 1 0 0 1 0-2h6a3.003 3.003 0 0 1 3 3v6a1 1 0 0 1-1 1z"
/>
<path fill="url(#e)" d="M35 12h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="M17 16a3.003 3.003 0 0 1-3-3V9a3 3 0 0 1 6 0v4a3.003 3.003 0 0 1-3 3zm0-8a1.001 1.001 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1.001 1.001 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M27 16a3.003 3.003 0 0 1-3-3V9a3 3 0 0 1 6 0v4a3.003 3.003 0 0 1-3 3zm0-8a1.001 1.001 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1.001 1.001 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M37 16a3.003 3.003 0 0 1-3-3V9a3 3 0 0 1 6 0v4a3.003 3.003 0 0 1-3 3zm0-8a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1z"
/>
<path
fill="url(#i)"
d="M47 16a3.003 3.003 0 0 1-3-3V9a3 3 0 0 1 6 0v4a3.003 3.003 0 0 1-3 3zm0-8a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1z"
/>
<path
fill="url(#j)"
d="M23.82 48H12.18a2 2 0 0 1-1.973-2.329l1.667-10A1.993 1.993 0 0 1 13.847 34h8.306a1.993 1.993 0 0 1 1.973 1.671l1.666 10A2 2 0 0 1 23.82 48zm-1.667-12h-8.306L12.18 46h11.642z"
/>
<path
fill="url(#k)"
d="M21 36h-6a1 1 0 0 1-1-1v-3a4 4 0 0 1 8 0v3a1 1 0 0 1-1 1zm-5-2h4v-2a2 2 0 0 0-4 0z"
/>
<path
fill="url(#l)"
d="M39 37h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-7-2h6v-6h-6z"
/>
<path
fill="url(#m)"
d="M53 37h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-7-2h6v-6h-6z"
/>
<path
fill="url(#n)"
d="M39 49h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-7-2h6v-6h-6z"
/>
<path
fill="url(#o)"
d="M53 49h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm-7-2h6v-6h-6z"
/>
</svg>
More icons in the same style and category