Add icons to this collection by clicking the heart icon.
Calendar icon - also known as time, calendar, date, minus, time and date, and event planning. 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 24 24"
>
<style>
.st0 {
display: none;
}
.st2 {
display: inline;
}
.st3 {
fill: #008eca;
}
.st150 {
fill: #ffd7b3;
}
</style>
<g id="Flat_Gradient">
<linearGradient
id="SVGID_1_"
x1="6.724"
x2="17.276"
y1="12.969"
y2="23.52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb067" />
<stop offset="1" stop-color="#ffd7b3" />
</linearGradient>
<path
d="M21.337 18.327a2.68 2.68 0 0 1-2.675 2.702H5.338a2.68 2.68 0 0 1-2.675-2.702l.013-1.311h18.647l.014 1.311z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_00000098195640012461340870000014743821759025980841_"
x1="4.75"
x2="19.25"
y1="4.588"
y2="19.089"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<path
d="M21.323 17.016H2.677l.12-9.39a2.669 2.669 0 0 1 2.675-2.649h13.056a2.669 2.669 0 0 1 2.675 2.649l.12 9.39z"
fill="url(#SVGID_00000098195640012461340870000014743821759025980841_)"
/>
<linearGradient
id="SVGID_00000018947353537658139390000014203734027832044194_"
x1="4.977"
x2="6.984"
y1="2.636"
y2="4.643"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="M5.312 2.302H6.65v2.675H5.312z"
fill="url(#SVGID_00000018947353537658139390000014203734027832044194_)"
/>
<linearGradient
id="SVGID_00000145052505321003970860000002002554769161849485_"
x1="17.016"
x2="19.023"
y1="2.636"
y2="4.643"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="M17.351 2.302h1.338v2.675h-1.338z"
fill="url(#SVGID_00000145052505321003970860000002002554769161849485_)"
/>
<linearGradient
id="SVGID_00000000905780461017063590000011149182380175566523_"
x1="9.993"
x2="14.007"
y1="9.325"
y2="13.338"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M8.656 10.662h6.688V12H8.656z"
fill="url(#SVGID_00000000905780461017063590000011149182380175566523_)"
/>
</g>
</svg>
More icons in the same style and category