Add icons to this collection by clicking the heart icon.
Calendar icon - also known as business, schedule, finance, calendar, percentage, interest rate, and time and date. Created in a clean outline color style with a white, silver, red, 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="#c0cee8"
d="M6 6a4 4 0 0 0-4 4v38l8 8h52V10a4 4 0 0 0-4-4z"
/>
<path
fill="#d6dfef"
d="M62 10a4 4 0 0 0-4-4H11a4 4 0 0 0-4 4v42l3 4h7.6a17 17 0 1 1 28.8 0H62z"
/>
<path fill="#e9353f" d="M58 6H6a4 4 0 0 0-4 4v6h60v-6a4 4 0 0 0-4-4z" />
<path
fill="#ff4b50"
d="M58 6H11a4 4 0 0 0-4 4v6h55v-6a4 4 0 0 0-4-4z"
/>
<path fill="#a3b8db" d="M10 56v-8H2" />
<g fill="#f9cb52">
<rect width="6" height="10" x="8" y="2" rx="3" />
<rect width="6" height="10" x="18" y="2" rx="3" />
<rect width="6" height="10" x="40" y="2" rx="3" />
<rect width="6" height="10" x="50" y="2" rx="3" />
</g>
<path
fill="#e9353f"
d="M26 19h-6a1 1 0 0 0-1 1v9h2v-4h4v4h2v-9a1 1 0 0 0-1-1zm-5 4v-2h4v2zM33 19h-4a1 1 0 0 0-1 1v9h2v-4h3a3 3 0 0 0 0-6zm0 4h-3v-2h3a1 1 0 0 1 0 2zM45 22a3 3 0 0 0-3-3h-4a1 1 0 0 0-1 1v9h2v-4h2a2 2 0 0 1 2 2v2h2v-2a3.971 3.971 0 0 0-1.08-2.714A2.981 2.981 0 0 0 45 22zm-6 1v-2h3a1 1 0 0 1 0 2z"
/>
<circle cx="32" cy="47" r="15" fill="#f9cb52" />
<path
fill="#ffd986"
d="M32 32a14.911 14.911 0 0 0-6.757 1.621 14.986 14.986 0 0 0 16.514 24.758A14.99 14.99 0 0 0 32 32z"
/>
<path
fill="#fff"
d="M24 52.879A2.122 2.122 0 0 0 26.121 55a2.12 2.12 0 0 0 1.5-.621l11.758-11.758a2.12 2.12 0 0 0 .621-1.5A2.122 2.122 0 0 0 37.879 39a2.12 2.12 0 0 0-1.5.621L24.621 51.379a2.12 2.12 0 0 0-.621 1.5z"
/>
<circle cx="38" cy="52" r="3" fill="#fff" />
<circle cx="26" cy="42" r="3" fill="#fff" />
<path
fill="#ffd986"
d="M14 5a2.96 2.96 0 0 0-3.86-2.86A2.983 2.983 0 0 0 10 3v4a2.96 2.96 0 0 0 3.86 2.86A2.983 2.983 0 0 0 14 9zM24 5a2.96 2.96 0 0 0-3.86-2.86A2.983 2.983 0 0 0 20 3v4a2.96 2.96 0 0 0 3.86 2.86A2.983 2.983 0 0 0 24 9zM46 5a2.96 2.96 0 0 0-3.86-2.86A2.983 2.983 0 0 0 42 3v4a2.96 2.96 0 0 0 3.86 2.86A2.983 2.983 0 0 0 46 9zM56 5a2.96 2.96 0 0 0-3.86-2.86A2.983 2.983 0 0 0 52 3v4a2.96 2.96 0 0 0 3.86 2.86A2.983 2.983 0 0 0 56 9z"
/>
<path
d="M58 5h-1a4 4 0 0 0-8 0h-2a4 4 0 0 0-8 0H25a4 4 0 0 0-8 0h-2a4 4 0 0 0-8 0H6a5.006 5.006 0 0 0-5 5v38a1 1 0 0 0 .293.707l8 8A1 1 0 0 0 10 57h9.53a15.959 15.959 0 0 0 24.941 0H62a1 1 0 0 0 1-1V10a5.006 5.006 0 0 0-5-5zm-7 0a2 2 0 0 1 4 0v4a2 2 0 0 1-4 0zM41 5a2 2 0 0 1 4 0v4a2 2 0 0 1-4 0zM19 5a2 2 0 0 1 4 0v4a2 2 0 0 1-4 0zM9 5a2 2 0 0 1 4 0v4a2 2 0 0 1-4 0zM6 7h1v2a4 4 0 0 0 8 0V7h2v2a4 4 0 0 0 8 0V7h14v2a4 4 0 0 0 8 0V7h2v2a4 4 0 0 0 8 0V7h1a3 3 0 0 1 3 3v5H3v-5a3 3 0 0 1 3-3zm3 46.586L4.414 49H9zM32 61a14 14 0 1 1 14-14 14.015 14.015 0 0 1-14 14zm13.836-6a16 16 0 1 0-27.671 0H11v-7a1 1 0 0 0-1-1H3V17h58v38z"
/>
<path
d="M26 19h-6a1 1 0 0 0-1 1v9h2v-4h4v4h2v-9a1 1 0 0 0-1-1zm-5 4v-2h4v2zM33 19h-4a1 1 0 0 0-1 1v9h2v-4h3a3 3 0 0 0 0-6zm0 4h-3v-2h3a1 1 0 0 1 0 2zM45 22a3 3 0 0 0-3-3h-4a1 1 0 0 0-1 1v9h2v-4h2a2 2 0 0 1 2 2v2h2v-2a3.971 3.971 0 0 0-1.08-2.714A2.981 2.981 0 0 0 45 22zm-6 1v-2h3a1 1 0 0 1 0 2zM41 41.121a3.121 3.121 0 0 0-5.328-2.207L23.914 50.672a3.121 3.121 0 0 0 4.414 4.414l11.758-11.758A3.1 3.1 0 0 0 41 41.121zm-2.328.793L26.914 53.672a1.121 1.121 0 0 1-1.586-1.586l11.758-11.758a1.121 1.121 0 0 1 1.586 1.586zM38 48a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM26 46a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
/>
</g>
</svg>
More icons in the same style and category