Add icons to this collection by clicking the heart icon.
Calendar icon - also known as education, study, schedule, calendar, date, lesson, and time to study. 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 512 512"
>
<linearGradient
id="a"
x1="172"
x2="172"
y1="-5.922"
y2="516.045"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient id="b" x1="80" x2="80" y1="-5.922" y2="516.045" href="#a" />
<linearGradient
id="c"
x1="340.416"
x2="340.416"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="d"
x1="168"
x2="168"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="e"
x1="432"
x2="432"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="f"
x1="344"
x2="344"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="g"
x1="256"
x2="256"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="h"
x1="340"
x2="340"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="i"
x1="152"
x2="152"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="j"
x1="171.584"
x2="171.584"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="k"
x1="289.229"
x2="289.229"
y1="-5.922"
y2="516.045"
href="#a"
/>
<linearGradient
id="l"
x1="112"
x2="112"
y1="-5.922"
y2="516.045"
href="#a"
/>
<path
fill="url(#a)"
d="M248 351.032V190a22.025 22.025 0 0 0-22-22H96v176h130a37.8 37.8 0 0 1 22 7.032zM120 200h32v16h-32zm0 48h56v16h-56zm32 64h-32v-16h32zm72 0h-56v-16h56zm0-48h-32v-16h32zm0-48h-56v-16h56z"
/>
<rect width="32" height="48" x="64" y="32" fill="url(#b)" rx="12" />
<path
fill="url(#c)"
d="M264.831 376H416v-16H286a22.04 22.04 0 0 0-21.169 16z"
/>
<rect width="32" height="48" x="152" y="32" fill="url(#d)" rx="12" />
<rect width="32" height="48" x="416" y="32" fill="url(#e)" rx="12" />
<rect width="32" height="48" x="328" y="32" fill="url(#f)" rx="12" />
<rect width="32" height="48" x="240" y="32" fill="url(#g)" rx="12" />
<path
fill="url(#h)"
d="M416 344V168H286a22.025 22.025 0 0 0-22 22v161.032A37.8 37.8 0 0 1 286 344zm-24-32h-32v-16h32zm0-48h-56v-16h56zm-32-64h32v16h-32zm-72 0h56v16h-56zm0 48h32v16h-32zm0 48h56v16h-56z"
/>
<path fill="url(#i)" d="M144 424h16v16h-16z" />
<path
fill="url(#g)"
d="M32 478a2 2 0 0 0 2 2h444a2 2 0 0 0 2-2V128H32zm48-318a8 8 0 0 1 8-8h138a37.955 37.955 0 0 1 30 14.7 37.955 37.955 0 0 1 30-14.7h138a8 8 0 0 1 8 8v224a8 8 0 0 1-8 8H88a8 8 0 0 1-8-8zm0 266a18.021 18.021 0 0 1 18-18h286a8 8 0 0 1 2.971.572l40 16a8 8 0 0 1 0 14.856l-40 16A8 8 0 0 1 384 456H98a18.021 18.021 0 0 1-18-18z"
/>
<path
fill="url(#j)"
d="M226 360H96v16h151.169A22.04 22.04 0 0 0 226 360z"
/>
<path
fill="url(#g)"
d="M478 56h-14v12a28.032 28.032 0 0 1-28 28h-8a28.032 28.032 0 0 1-28-28V56h-24v12a28.032 28.032 0 0 1-28 28h-8a28.032 28.032 0 0 1-28-28V56h-24v12a28.032 28.032 0 0 1-28 28h-8a28.032 28.032 0 0 1-28-28V56h-24v12a28.032 28.032 0 0 1-28 28h-8a28.032 28.032 0 0 1-28-28V56h-24v12a28.032 28.032 0 0 1-28 28h-8a28.032 28.032 0 0 1-28-28V56H34a2 2 0 0 0-2 2v54h448V58a2 2 0 0 0-2-2z"
/>
<path fill="url(#k)" d="m402.459 432-20-8H176v16h206.459z" />
<path
fill="url(#l)"
d="M98 440h30v-16H98a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z"
/>
</svg>
More icons in the same style and category