Add icons to this collection by clicking the heart icon.
Appointment icon - also known as time, calendar, date, appointment, and time and date. Created in a clean lineal color style, 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"
>
<path
d="M7.5 109.304V429.5c0 41.25 33.75 75 75 75h347c41.25 0 75-33.75 75-75V109.304l-248-67.637-249 67.637z"
fill="#e9efff"
/>
<path
d="M113.104 430.304v-347c0-.907.037-1.805.069-2.705L7.5 109.304V429.5c0 41.25 33.75 75 75 75h94.726c-36.142-5.311-64.122-36.64-64.122-74.196z"
fill="#dae2fe"
/>
<path
d="M429.5 7.5h-347c-41.25 0-75 33.75-75 75v26.804h497V82.5c0-41.25-33.75-75-75-75z"
fill="#ff8a98"
/>
<path
d="M113.104 82.5c0-41.25 33.75-75 75-75H82.5c-41.25 0-75 33.75-75 75v26.804h105.604V82.5z"
fill="#fd5c6f"
/>
<path
d="M193.551 50.969v12M318.449 50.969v12M239.536 62.612c4.003 4.594 9.892 7.501 16.464 7.501s12.461-2.907 16.464-7.501"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="104.25" cy="58.969" r="22.75" fill="#dae2fe" />
<circle cx="407.75" cy="58.969" r="22.75" fill="#e9efff" />
<path
d="M68 385.333V186.322c0-10.165 8.316-18.481 18.481-18.481h339.038c10.165 0 18.481 8.316 18.481 18.481v224.369c0 20.687-16.926 37.613-37.613 37.613H105.613c-18.455 0-33.916-13.47-37.038-31.064M239.875 231l32.25-32.25M239.875 198.75l32.25 32.25M239.875 325.125l32.25-32.25M239.875 292.875l32.25 32.25M114.104 324.197l32.25-32.25M114.104 291.947l32.25 32.25M366.125 417.625l32.25-32.25M366.125 385.375l32.25 32.25M68 260.804h376M68 355.304h376M192.5 168.769v277.898"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M429.5 504.5h-347c-41.25 0-75-33.75-75-75v-347c0-41.25 33.75-75 75-75h347c41.25 0 75 33.75 75 75v347c0 41.25-33.75 75-75 75z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="104.25"
cy="58.969"
r="22.75"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="407.75"
cy="58.969"
r="22.75"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M320.5 168.769v275.535M407 109.304h97.5M12 109.304h364.5"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category