Add icons to this collection by clicking the heart icon.
Calendar icon - also known as time, schedule, calendar, date, organization, administration, and time and date. Created in a clean gradient style with a silver 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdbf00" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff7816" />
<stop offset="1" stop-color="#ff4b00" />
</linearGradient>
<linearGradient
id="e"
x1="162.739"
x2="336.765"
y1="56.706"
y2="230.732"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e7e7e7" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<linearGradient
id="f"
x1="117.463"
x2="340.329"
y1="144.959"
y2="367.826"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="321.827"
x2="422.006"
y1="308.827"
y2="409.006"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#6f5654" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<linearGradient
id="h"
x1="127.587"
x2="168.083"
y1="94.338"
y2="134.835"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="168.083"
x2="208.58"
y1="94.338"
y2="134.835"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="209.255"
x2="249.752"
y1="94.338"
y2="134.835"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="249.752"
x2="290.248"
y1="94.338"
y2="134.835"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="290.923"
x2="331.42"
y1="94.338"
y2="134.835"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="331.42"
x2="371.917"
y1="94.338"
y2="134.835"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="336.128"
x2="407.706"
y1="323.128"
y2="394.706"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="356.73"
x2="397.227"
y1="333.606"
y2="374.103"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#e)"
d="M402.29 134.836v30.371l-27.536 20.922h-248.79l-28.75-20.922v-30.371c0-16.809 13.567-30.375 30.372-30.375h244.332c16.805.004 30.371 13.566 30.371 30.375zm0 0"
/>
<path
fill="url(#f)"
d="M97.215 165.207v224.082h221.652l83.422-83.422v-140.66zm0 0"
/>
<path
fill="url(#g)"
d="M371.918 288.047c-39.078 0-70.871 31.789-70.871 70.867 0 39.082 31.793 70.871 70.871 70.871s70.867-31.789 70.867-70.87c0-39.08-31.789-70.868-70.867-70.868zm0 0"
/>
<g fill="#babac0">
<path
d="M198.457 267.8h-60.746v-60.745h60.746zM198.457 348.793h-60.746v-60.746h60.746zM219.379 207.055V267.8h60.746v-60.746zM219.379 288.047v60.746h60.746v-60.746zM361.793 267.8h-60.746v-60.745h60.746zm0 0"
/>
</g>
<path fill="url(#h)" d="M137.71 84.215h20.25v60.746h-20.25zm0 0" />
<path fill="url(#i)" d="M178.207 84.215h20.25v60.746h-20.25zm0 0" />
<path fill="url(#j)" d="M219.379 84.215h20.25v60.746h-20.25zm0 0" />
<path fill="url(#k)" d="M259.875 84.215h20.25v60.746h-20.25zm0 0" />
<path fill="url(#l)" d="M301.047 84.215h20.25v60.746h-20.25zm0 0" />
<path fill="url(#m)" d="M341.543 84.215h20.25v60.746h-20.25zm0 0" />
<path
fill="url(#n)"
d="M422.535 358.918c0 27.941-22.676 50.621-50.62 50.621-27.942 0-50.618-22.68-50.618-50.621 0-27.945 22.676-50.621 50.617-50.621 27.945 0 50.621 22.676 50.621 50.621zm0 0"
/>
<path
fill="url(#o)"
d="M402.29 348.793v20.246h-40.497v-40.496h20.246v20.25zm0 0"
/>
</svg>
More icons in the same style and category