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 flat 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"
/>
<path fill="#5b83fe" d="M296 28h-72a4 4 0 0 1 0-8h72a4 4 0 0 1 0 8z" />
<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" />
<path
fill="#96bbff"
d="M304 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 124z"
/>
<rect width="208" height="160" x="152" y="136" fill="#d9e6ff" rx="10" />
<path fill="#96bbff" d="M152 336h208v48H152zM152 416h208v48H152z" />
<path fill="#f6646c" d="M216 156h-40a4 4 0 0 1 0-8h40a4 4 0 0 1 0 8z" />
<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="M344 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 8zM344 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 8zM168 352h96v16h-96zM168 432h96v16h-96z"
/>
<path
fill="#f6646c"
d="M224 324h-72a4 4 0 0 1 0-8h72a4 4 0 0 1 0 8zM224 404h-72a4 4 0 0 1 0-8h72a4 4 0 0 1 0 8z"
/>
</svg>
More icons in the same style and category