Add icons to this collection by clicking the heart icon.
Calendar icon - also known as smartphone, phone, schedule, timetable, calendar, date, organization, ui, and time and date. Created in a clean outline color style with a white, silver, gray, 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 512 512"
>
<rect width="288" height="496" x="112" y="8" fill="#96bbff" rx="20" />
<path
fill="#5b83fe"
d="M312 24v6a10 10 0 0 1-10 10h-84a10 10 0 0 1-10-10v-6h-70a10 10 0 0 0-10 10v444a10 10 0 0 0 10 10h236a10 10 0 0 0 10-10V34a10 10 0 0 0-10-10z"
/>
<rect width="40" height="24" x="152" y="64" fill="#96bbff" rx="12" />
<rect width="40" height="24" x="208" y="64" fill="#96bbff" rx="12" />
<rect width="40" height="24" x="264" y="64" fill="#96bbff" rx="12" />
<rect width="40" height="24" x="320" y="64" fill="#96bbff" rx="12" />
<rect width="208" height="160" x="152" y="136" fill="#d9e6ff" rx="10" />
<path fill="#96bbff" d="M152 336h208v48H152zM152 416h208v48H152z" />
<g fill="#ffc682">
<rect width="16" height="16" x="264" y="168" rx="8" />
<rect width="16" height="16" x="232" y="168" rx="8" />
<rect width="16" height="16" x="296" y="168" rx="8" />
<rect width="16" height="16" x="328" y="168" rx="8" />
<rect width="16" height="16" x="264" y="200" rx="8" />
<rect width="16" height="16" x="232" y="200" rx="8" />
<rect width="16" height="16" x="200" y="200" rx="8" />
<rect width="16" height="16" x="168" y="200" rx="8" />
<rect width="16" height="16" x="296" y="200" rx="8" />
<rect width="16" height="16" x="328" y="200" rx="8" />
<rect width="16" height="16" x="264" y="232" rx="8" />
<rect width="16" height="16" x="232" y="232" rx="8" />
<rect width="16" height="16" x="200" y="232" rx="8" />
<rect width="16" height="16" x="168" y="232" rx="8" />
<rect width="16" height="16" x="296" y="232" rx="8" />
<rect width="16" height="16" x="328" y="232" rx="8" />
<rect width="16" height="16" x="264" y="264" rx="8" />
<rect width="16" height="16" x="232" y="264" rx="8" />
<rect width="16" height="16" x="200" y="264" rx="8" />
<rect width="16" height="16" x="168" y="264" rx="8" />
</g>
<path fill="#d9e6ff" d="M168 352h96v16h-96zM168 432h96v16h-96z" />
<path
d="M374 492H138a14.015 14.015 0 0 1-14-14V34a14.015 14.015 0 0 1 14-14h70a4 4 0 0 1 4 4v6a6.006 6.006 0 0 0 6 6h84a6.006 6.006 0 0 0 6-6v-6a4 4 0 0 1 4-4h62a14.015 14.015 0 0 1 14 14v444a14.015 14.015 0 0 1-14 14zM138 28a6.006 6.006 0 0 0-6 6v444a6.006 6.006 0 0 0 6 6h236a6.006 6.006 0 0 0 6-6V34a6.006 6.006 0 0 0-6-6h-58v2a14.015 14.015 0 0 1-14 14h-84a14.015 14.015 0 0 1-14-14v-2z"
/>
<path
d="M380 508H132a24.027 24.027 0 0 1-24-24V28a24.027 24.027 0 0 1 24-24h248a24.027 24.027 0 0 1 24 24v456a24.027 24.027 0 0 1-24 24zM132 12a16.019 16.019 0 0 0-16 16v456a16.019 16.019 0 0 0 16 16h248a16.019 16.019 0 0 0 16-16V28a16.019 16.019 0 0 0-16-16z"
/>
<path
d="M296 28h-72a4 4 0 0 1 0-8h72a4 4 0 0 1 0 8zM180 92h-16a16 16 0 0 1 0-32h16a16 16 0 0 1 0 32zm-16-24a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM236 92h-16a16 16 0 0 1 0-32h16a16 16 0 0 1 0 32zm-16-24a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM292 92h-16a16 16 0 0 1 0-32h16a16 16 0 0 1 0 32zm-16-24a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM348 92h-16a16 16 0 0 1 0-32h16a16 16 0 0 1 0 32zm-16-24a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zM304 116h-96a4 4 0 0 1 0-8h96a4 4 0 0 1 0 8zM160 124a3.994 3.994 0 0 1-2.829-1.171l-8-8a4 4 0 0 1 0-5.658l8-8a4 4 0 1 1 5.658 5.658L157.657 112l5.172 5.171A4 4 0 0 1 160 124zM352 124a4 4 0 0 1-2.829-6.829l5.172-5.171-5.172-5.171a4 4 0 0 1 5.658-5.658l8 8a4 4 0 0 1 0 5.658l-8 8A3.994 3.994 0 0 1 352 124zM360 388H152a4 4 0 0 1-4-4v-48a4 4 0 0 1 4-4h208a4 4 0 0 1 4 4v48a4 4 0 0 1-4 4zm-204-8h200v-40H156zM350 300H162a14.015 14.015 0 0 1-14-14V146a14.015 14.015 0 0 1 14-14h188a14.015 14.015 0 0 1 14 14v140a14.015 14.015 0 0 1-14 14zM162 140a6.006 6.006 0 0 0-6 6v140a6.006 6.006 0 0 0 6 6h188a6.006 6.006 0 0 0 6-6V146a6.006 6.006 0 0 0-6-6z"
/>
<path
d="M216 156h-40a4 4 0 0 1 0-8h40a4 4 0 0 1 0 8zM272 188a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM240 188a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM304 188a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM336 188a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM272 220a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM240 220a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM208 220a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM176 220a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM304 220a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM336 220a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM272 252a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM240 252a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM208 252a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM176 252a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM304 252a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM336 252a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM272 284a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM240 284a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM208 284a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM176 284a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-16a4 4 0 1 0 4 4 4 4 0 0 0-4-4zM224 324h-72a4 4 0 0 1 0-8h72a4 4 0 0 1 0 8zM360 468H152a4 4 0 0 1-4-4v-48a4 4 0 0 1 4-4h208a4 4 0 0 1 4 4v48a4 4 0 0 1-4 4zm-204-8h200v-40H156zM224 404h-72a4 4 0 0 1 0-8h72a4 4 0 0 1 0 8zM344 356h-32a4 4 0 0 1 0-8h32a4 4 0 0 1 0 8zM344 372h-56a4 4 0 0 1 0-8h56a4 4 0 0 1 0 8z"
/>
<path
d="M344 436h-32a4 4 0 0 1 0-8h32a4 4 0 0 1 0 8zM344 452h-56a4 4 0 0 1 0-8h56a4 4 0 0 1 0 8zM264 372h-96a4 4 0 0 1-4-4v-16a4 4 0 0 1 4-4h96a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4zm-92-8h88v-8h-88zM264 452h-96a4 4 0 0 1-4-4v-16a4 4 0 0 1 4-4h96a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4zm-92-8h88v-8h-88z"
/>
</svg>
More icons in the same style and category