Add icons to this collection by clicking the heart icon.
Calendar icon - also known as dollar, time, money, pay, salary, calendar, installment plan, time and date, and payment day. Created in a clean lineal color style with a white, silver, red, and teal 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="#5aaae7"
d="M51 17v35a2.006 2.006 0 0 1-2 2H5a2.006 2.006 0 0 1-2-2V17z"
/>
<path
fill="#ff5023"
d="M51 10v7H3v-7a2.006 2.006 0 0 1 2-2h44a2.006 2.006 0 0 1 2 2z"
/>
<g fill="#3d9ae2">
<rect width="7" height="7" x="42" y="45" rx="1" />
<rect width="7" height="7" x="31" y="45" rx="1" />
<rect width="7" height="7" x="20" y="45" rx="1" />
<rect width="7" height="7" x="9" y="45" rx="1" />
<rect width="7" height="7" x="9" y="34" rx="1" />
<rect width="7" height="7" x="20" y="34" rx="1" />
<rect width="7" height="7" x="31" y="34" rx="1" />
<rect width="7" height="7" x="42" y="34" rx="1" />
<rect width="7" height="7" x="42" y="23" rx="1" />
<rect width="7" height="7" x="31" y="23" rx="1" />
<rect width="7" height="7" x="20" y="23" rx="1" />
<rect width="7" height="7" x="9" y="23" rx="1" />
</g>
<rect width="7" height="7" x="40" y="43" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="29" y="43" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="18" y="43" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="7" y="43" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="7" y="32" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="18" y="32" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="29" y="32" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="40" y="32" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="40" y="21" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="29" y="21" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="18" y="21" fill="#1e81ce" rx="1" />
<rect width="7" height="7" x="7" y="21" fill="#1e81ce" rx="1" />
<path
fill="#ed1c24"
d="M20 8v5a2 2 0 0 1-4 0V8zM42 8v5a2 2 0 0 1-4 0V8z"
/>
<path
fill="#d80027"
d="M18 5v6a2 2 0 0 1-4 0V5a2.006 2.006 0 0 1 2-2 2.015 2.015 0 0 1 2 2zM40 5v6a2 2 0 0 1-4 0V5a2.006 2.006 0 0 1 2-2 2.015 2.015 0 0 1 2 2z"
/>
<path fill="#00b39d" d="M25 53h36v4H25zM25 45h36v4H25z" />
<path
fill="#00ccb3"
d="M61 57v3a1 1 0 0 1-1 1H26a1 1 0 0 1-1-1v-3zM25 49h36v4H25zM61 42v3H25v-3a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1z"
/>
<path fill="#e6e7e8" d="M36 41h14v20H36z" />
<path
d="M42 48h2a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v-1h-2v1a3 3 0 0 0 0 6h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v1h2v-1a3 3 0 0 0 0-6h-2a1 1 0 0 1 0-2z"
/>
<path
d="M60 40h-8V10a3.009 3.009 0 0 0-3-3h-8V5a3 3 0 0 0-6 0v2H19V5a3 3 0 0 0-6 0v2H5a3.009 3.009 0 0 0-3 3v42a3.009 3.009 0 0 0 3 3h19v5a2.006 2.006 0 0 0 2 2h34a2.006 2.006 0 0 0 2-2V42a2.006 2.006 0 0 0-2-2zM37 5a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0zM15 5a1 1 0 0 1 2 0v6a1 1 0 0 1-2 0zm20 55h-9v-2h9zm0-4h-9v-2h9zm0-4h-9v-2h9zm0-4h-9v-2h9zm0-4h-9v-2h9zm14 16H37V42h12zm1-20H26a2.006 2.006 0 0 0-2 2v11H5a1 1 0 0 1-1-1V18h46zm0-24H4v-6a1 1 0 0 1 1-1h8v2a3 3 0 0 0 6 0V9h16v2a3 3 0 0 0 6 0V9h8a1 1 0 0 1 1 1zm10 44h-9v-2h9zm0-4h-9v-2h9zm0-4h-9v-2h9zm0-4h-9v-2h9zm0-4h-9v-2h9z"
/>
<path
d="M13 20H8a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2zm-5 7v-5h5v5zM19 29h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm0-7h5v5h-5zM30 29h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm0-7h5v5h-5zM41 29h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm0-7h5v5h-5zM13 31H8a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2zm-5 7v-5h5v5zM26 38v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2zm-7-5h5v5h-5zM30 33h5v5h2v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5h2zM41 33h5v5h2v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5h2zM13 42H8a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2zm-5 7v-5h5v5zM17 44v5a2 2 0 0 0 2 2h3v-2h-3v-5h3v-2h-3a2 2 0 0 0-2 2z"
/>
</g>
</svg>
More icons in the same style and category