Add icons to this collection by clicking the heart icon.
Calendar icon - also known as graduation, education, schedule, calendar, mortarboard, time and date, semester, and graduation event. Created in a clean flat gradient style with a white finish, 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 32 32"
>
<linearGradient
id="b"
x1="2"
x2="30"
y1="17"
y2="17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="a"
x1="10"
x2="12"
y1="5.5"
y2="5.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="c" x1="6" x2="8" href="#a" />
<linearGradient id="d" x1="15" x2="17" href="#a" />
<linearGradient id="e" x1="20" x2="22" href="#a" />
<linearGradient id="f" x1="25" x2="27" href="#a" />
<linearGradient
id="g"
x1="11"
x2="21"
y1="21.44"
y2="21.44"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb74d" />
<stop offset="1" stop-color="#ffe0b2" />
</linearGradient>
<linearGradient id="h" x1="22" x2="24" y1="20" y2="20" href="#a" />
<linearGradient id="i" x1="8" x2="24" y1="18.5" y2="18.5" href="#a" />
<g>
<rect width="28" height="24" x="2" y="5" fill="url(#b)" rx="1" />
<path
d="M4 29H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 6v22a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".19"
/>
<path
d="M26.21 15H5.79c-.44 0-.79.22-.79.5v11c0 .28.35.5.79.5h20.42c.44 0 .79-.22.79-.5v-11c0-.28-.35-.5-.79-.5z"
opacity=".1"
/>
<path
fill="#fff"
d="M26.21 14H5.79c-.44 0-.79.22-.79.5v11c0 .28.35.5.79.5h20.42c.44 0 .79-.22.79-.5v-11c0-.28-.35-.5-.79-.5z"
/>
<path
d="M6.79 26h-1c-.44 0-.79-.22-.79-.5v-11c0-.28.35-.5.79-.5h1c-.44 0-.79.22-.79.5v11c0 .28.35.5.79.5zM27 14.5v11c0 .28-.35.5-.79.5h-1c.44 0 .79-.22.79-.5v-11c0-.28-.35-.5-.79-.5h1c.44 0 .79.22.79.5zM21 12a1 1 0 0 1-1 1H2v-2h18a1 1 0 0 1 1 1z"
opacity=".1"
/>
<circle cx="26" cy="12" r="1" opacity=".1" />
<circle cx="23" cy="12" r="1" opacity=".1" />
<path fill="#fff" d="M21 11a1 1 0 0 1-1 1H2v-2h18a1 1 0 0 1 1 1z" />
<path
d="M11 9a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM7 9a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM16 9a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM21 9a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM26 9a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
opacity=".1"
/>
<path
fill="url(#a)"
d="M11 8a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M7 8a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M16 8a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M21 8a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M26 8a1 1 0 0 1-1-1V4a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<circle cx="26" cy="11" r="1" fill="#fff" />
<circle cx="23" cy="11" r="1" fill="#fff" />
<path
d="M20.57 19.32a1 1 0 0 0-.92-.11L16 20.59l-3.65-1.38a1 1 0 0 0-1.35.93V24c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75v-3.86a1 1 0 0 0-.43-.82z"
opacity=".1"
/>
<path
fill="url(#g)"
d="M20.57 18.32a1 1 0 0 0-.92-.11L16 19.59l-3.65-1.38a1 1 0 0 0-1.35.93V23c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75v-3.86a1 1 0 0 0-.43-.82z"
/>
<path
d="M21 22v1c0 .87-.59 1.75-5 1.75a18.52 18.52 0 0 1-2.91-.2C12.52 24.45 11 24.2 11 23v-1c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75z"
opacity=".1"
/>
<path
fill="url(#h)"
d="M23 23a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="m23.23 17-7-1.66a.9.9 0 0 0-.46 0l-7 1.66a1 1 0 0 0-.77.91 1 1 0 0 0 .64 1l7 2.66a.91.91 0 0 0 .7 0l7-2.66a1 1 0 0 0 .64-1 1 1 0 0 0-.75-.91z"
/>
<path
d="M24 17.94a1 1 0 0 1-.64 1l-7 2.66a.91.91 0 0 1-.7 0l-7-2.66a1 1 0 0 1-.64-1 1.07 1.07 0 0 1 .13-.44 1 1 0 0 0 .51.43l7 2.66a.91.91 0 0 0 .7 0l7-2.66a1 1 0 0 0 .51-.43 1.07 1.07 0 0 1 .13.44z"
opacity=".1"
/>
</g>
</svg>
More icons in the same style and category