Add icons to this collection by clicking the heart icon.
Calendar icon - also known as education, study, school, student, calendar, learning, course, time and date, and semester. 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="100"
height="100"
viewBox="0 0 64 64"
>
<linearGradient
id="b"
x1="7"
x2="57"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient
id="c"
x1="32"
x2="32"
y1="56"
y2="20"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient
id="a"
x1="32"
x2="32"
y1="36.6"
y2="47"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe9661" />
<stop offset="1" stop-color="#ffb369" />
</linearGradient>
<linearGradient id="d" y1="30" y2="39" href="#a" />
<rect width="50" height="10" x="7" y="10" fill="url(#b)" rx="2" />
<path fill="url(#c)" d="M9 20h46v34a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2V20z" />
<path fill="url(#a)" d="M41 36.6V44l-9 3-9-3v-7.4l9 2.4z" />
<path
fill="#fe9661"
d="M45 46a1 1 0 0 1-1-1V34a1 1 0 0 1 2 0v11a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M46.07 35.25 32 39l-14.07-3.75A1.26 1.26 0 0 1 18 32.8L32 30l14 2.8a1.26 1.26 0 0 1 .07 2.45z"
/>
<g fill="#4795ea">
<path
d="M24 14a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1zM16 14a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1zM32 14a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1zM40 14a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1zM48 14a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category