Add icons to this collection by clicking the heart icon.
Calendar icon - also known as time, day, calendar, event, and time and date. Created in a clean lineal color style with a silver, gray, black, yellow, teal, orange, and pink 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 64 64"
>
<g>
<path fill="#57b7eb" d="M3 21h58v40H3z" />
<path
fill="#2d72bc"
d="M50 55a40.008 40.008 0 0 1-39.551-34H3v40h58v-6z"
/>
<path fill="#f8664f" d="M3 8h58v13H3z" />
<g fill="#cc5144">
<path
d="M10 15V8H3v13h7.449A40.372 40.372 0 0 1 10 15zM15 8h4v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2V8z"
/>
<path
d="M6 8h4v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2V8zM50 8h4v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2V8zM41 8h4v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2V8z"
/>
</g>
<path fill="#f8664f" d="M32 37a4 4 0 0 0-8 0z" />
<path fill="#f8664f" d="m28 34 1-5 2 1h4l-5 5z" />
<path
fill="#cc5144"
d="m29.518 30.588-.3-1.477L29 29l-1 5 2 1 2.037-2.037a2.994 2.994 0 0 1-2.519-2.375z"
/>
<path
fill="#f9e109"
d="M18 37h28v12a8 8 0 0 1-8 8H26a8 8 0 0 1-8-8V37z"
/>
<path fill="#f89c8d" d="M32 37a4 4 0 0 0-8 0z" />
<path fill="#f8664f" d="M41 37a3 3 0 0 0-6 0z" />
<g fill="#d0d8da">
<path
d="m57 33-3-2-3 2v-5a3 3 0 0 1 3-3 3 3 0 0 1 3 3zM9.248 43.371a13.365 13.365 0 0 0 4.5 4.2L18 50l-1.746-2.956A23.438 23.438 0 0 1 13 35.13v-.18A2.917 2.917 0 0 0 10.09 32H10a3 3 0 0 0-3 3v.948a13.378 13.378 0 0 0 2.248 7.423zM52.752 48.371a13.365 13.365 0 0 1-4.5 4.2L44 55l1.746-2.956A23.438 23.438 0 0 0 49 40.13v-.18A2.917 2.917 0 0 1 51.91 37H52a3 3 0 0 1 3 3v.948a13.378 13.378 0 0 1-2.248 7.423z"
/>
</g>
<path
fill="#93999a"
d="M53 26v-.816A2.99 2.99 0 0 0 51 28v5l3-2 3 2v-3a4 4 0 0 1-4-4z"
/>
<path
fill="#fcbc04"
d="M45 52h-7a15.988 15.988 0 0 1-15.95-15H18v12a8 8 0 0 0 8 8h12a8 8 0 0 0 7.429-5.043c-.144.012-.282.043-.429.043z"
/>
<path
fill="#93999a"
d="M51 42v-4.841a2.919 2.919 0 0 0-2 2.791v.18a23.438 23.438 0 0 1-3.254 11.914L44 55l4.257-2.433a13.277 13.277 0 0 0 5.544-6.1A4.986 4.986 0 0 1 51 42zM16.254 47.044a23.424 23.424 0 0 1-2.238-5.132A6 6 0 0 1 9 36v-3.816A2.99 2.99 0 0 0 7 35v.948a13.385 13.385 0 0 0 6.743 11.619L18 50z"
/>
<path
fill="#cc5144"
d="M40.5 36c-2.017 0-3.7-.594-4.276-1.407A2.988 2.988 0 0 0 35 37h6a2.967 2.967 0 0 0-.188-1.014c-.105.003-.205.014-.312.014z"
/>
<path
fill="#f8664f"
d="M31.5 36c-2.524 0-4.645-1.083-5.293-2.558A3.986 3.986 0 0 0 24 37h8a3.962 3.962 0 0 0-.145-1.011c-.118.004-.235.011-.355.011z"
/>
<path
fill="#e59730"
d="M26 57h12a7.941 7.941 0 0 0 5.768-2.493 39.7 39.7 0 0 1-10.976-3.394 15.917 15.917 0 0 1-5.144-2.945A40.186 40.186 0 0 1 18 38.995V49a8 8 0 0 0 8 8z"
/>
<rect width="4" height="10" x="17" y="3" fill="#93999a" rx="2" />
<rect width="4" height="10" x="8" y="3" fill="#93999a" rx="2" />
<rect width="4" height="10" x="52" y="3" fill="#93999a" rx="2" />
<rect width="4" height="10" x="43" y="3" fill="#93999a" rx="2" />
<path
fill="#d0d8da"
d="M54 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2-2V3zM45 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2-2V3zM19 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2-2V3zM10 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2-2V3z"
/>
<g fill="#323232">
<path
d="M61 24a1 1 0 0 0-1 1v35H4V22h14a1 1 0 0 0 0-2H4V9h3v2a3 3 0 0 0 6 0V9h3v2a3 3 0 0 0 6 0V9h17a1 1 0 0 0 0-2H22V5a3 3 0 0 0-6 0v2h-3V5a3 3 0 0 0-6 0v2H3a1 1 0 0 0-1 1v53a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V25a1 1 0 0 0-1-1zM18 5a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0zM9 5a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0z"
/>
<path
d="M61 7h-4V5a3 3 0 0 0-6 0v2h-3V5a3 3 0 0 0-6 0v6a3 3 0 0 0 6 0V9h3v2a3 3 0 0 0 6 0V9h3v11H22a1 1 0 0 0 0 2h39a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm-15 4a1 1 0 0 1-2 0V5a1 1 0 0 1 2 0zm9 0a1 1 0 0 1-2 0V5a1 1 0 0 1 2 0zM46 36h-1.051a12.987 12.987 0 0 0-25.9 0H18a1 1 0 0 0 0 2h27v11a7.008 7.008 0 0 1-7 7h-.025a5.331 5.331 0 0 0 .335-.5 1 1 0 0 0-1.729-1A2.968 2.968 0 0 1 34 56h-4a2.968 2.968 0 0 1-2.581-1.5 1 1 0 0 0-1.729 1 5.331 5.331 0 0 0 .335.5H26a7.008 7.008 0 0 1-7-7v-8a1 1 0 0 0-2 0v5.325a22.449 22.449 0 0 1-3-11.195v-.18A3.954 3.954 0 0 0 10 31a4 4 0 0 0-4 4v1.011a14.38 14.38 0 0 0 7.245 12.425l3.915 2.237A9.011 9.011 0 0 0 26 58h12a8.957 8.957 0 0 0 5.719-2.056A.974.974 0 0 0 44 56a.994.994 0 0 0 .5-.132l4.257-2.432A14.38 14.38 0 0 0 56 41.011V40a4.024 4.024 0 0 0-4.09-4A3.935 3.935 0 0 0 48 39.95v.18a22.439 22.439 0 0 1-1 6.581V37a1 1 0 0 0-1-1zM14.239 46.7a12.365 12.365 0 0 1-6.19-9.7H9a1 1 0 0 0 0-2H8a2.023 2.023 0 0 1 2.09-2A1.909 1.909 0 0 1 12 34.95v.18a24.441 24.441 0 0 0 3.225 12.132zM32 26a11.01 11.01 0 0 1 10.949 10h-1.091a3.981 3.981 0 0 0-7.716 0H32.9a4.961 4.961 0 0 0-.732-1.753l3.54-3.54A1 1 0 0 0 35 29h-3.764l-1.789-.895a1 1 0 0 0-1.427.7l-.652 3.26A5 5 0 0 0 23.1 36h-2.05A11.01 11.01 0 0 1 32 26zm-1.247 6.833a4.988 4.988 0 0 0-1.377-.616l.348-1.737.829.415A1 1 0 0 0 31 31h1.586zM25.171 36a3 3 0 0 1 5.658 0zm11.1 0a2 2 0 0 1 3.462 0zM50 40.13v-.18A1.93 1.93 0 0 1 52 38a2 2 0 0 1 2 2h-1a1 1 0 0 0 0 2h.951a12.365 12.365 0 0 1-6.19 9.7l-.985.563A24.454 24.454 0 0 0 50 40.13z"
/>
<path
d="m23.293 47.707 3 3a1 1 0 0 0 1.414 0L29 49.414l2.293 2.293a1 1 0 0 0 1.414 0L35 49.414l1.293 1.293a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L37 48.586l-1.293-1.293a1 1 0 0 0-1.414 0L32 49.586l-2.293-2.293a1 1 0 0 0-1.414 0L27 48.586l-2.293-2.293a1 1 0 0 0-1.414 1.414zM36 44a1 1 0 0 0 .446-.1l4-2a1 1 0 1 0-.894-1.79l-4 2A1 1 0 0 0 36 44zM27.553 43.9a1 1 0 1 0 .894-1.79l-4-2a1 1 0 0 0-.894 1.79zM51.555 33.832 54 32.2l2.445 1.63A1 1 0 0 0 58 33v-5a4 4 0 0 0-8 0v5a1 1 0 0 0 1.555.832zM52 28a1.994 1.994 0 0 1 3.722-1H55a1 1 0 0 0 0 2h1v2.131l-1.445-.963a1 1 0 0 0-1.11 0L52 31.131z"
/>
</g>
</g>
</svg>
More icons in the same style and category