Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, hour, elegant, antique, furniture and household, and time and date. Created in a clean lineal color style with a white, gray, black, yellow, olive, and orange 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M287.147 59.232h-62.295v279.326h62.295z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffbd48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M287.147 59.232h-17.178v279.326h17.178z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff9c26"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M287.147 59.232h-62.295v279.326h62.295z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M116.285 55.724H87.167V333.04h29.118z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffbd48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M116.285 55.724h-14.559V333.04h14.559z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff9c26"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v186.779h-29.118V-90.538H0v56.015"
transform="matrix(1.33333 0 0 -1.33333 155.047 487.651)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-28.741c-8.437 0-15.276 6.84-15.276 15.275 0 8.437 6.839 15.276 15.276 15.276H0c8.437 0 15.275-6.839 15.275-15.276C15.275 6.84 8.437 0 0 0"
transform="translate(116.097 263.665)"
fill="#ffdf4a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.741c-8.437 0-15.276 6.84-15.276 15.275 0 8.437 6.839 15.276 15.276 15.276H0c8.437 0 15.275-6.839 15.275-15.276C15.275 6.84 8.437 0 0 0Z"
transform="translate(116.097 263.665)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M424.833 55.724h-29.118V333.04h29.118z"
fill="#ffbd48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M424.833 55.724h-14.56V333.04h14.56z"
fill="#ff9c26"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M424.833 55.724h-29.118V333.04h29.118z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-28.741c-8.437 0-15.276 6.84-15.276 15.275 0 8.437 6.839 15.276 15.276 15.276H0c8.437 0 15.275-6.839 15.275-15.276C15.275 6.84 8.437 0 0 0"
transform="translate(424.644 263.665)"
fill="#ffdf4a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.741c-8.437 0-15.276 6.84-15.276 15.275 0 8.437 6.839 15.276 15.276 15.276H0c8.437 0 15.275-6.839 15.275-15.276C15.275 6.84 8.437 0 0 0Z"
transform="translate(424.644 263.665)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M442.232 353.074H69.767v48.115h372.465z"
fill="#a46244"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M442.232 353.074h-31.959v48.115h31.959z"
fill="#8c482c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M442.232 353.074H69.767v48.115h372.465z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-6.168 11.121c-3.714 6.697 1.13 14.921 8.787 14.921h372.965c7.657 0 12.501-8.224 8.787-14.921L378.203 0a10.045 10.045 0 0 0-8.787-5.175H8.787A10.047 10.047 0 0 0 0 0"
transform="translate(66.898 333.512)"
fill="#c87d5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.169-11.123a10.058 10.058 0 0 0-8.781-5.175h-23.924c3.657 0 7.023 1.99 8.791 5.175L-23.913 0c3.707 6.702-1.136 14.921-8.792 14.921h23.924C-1.125 14.921 3.718 6.702 0 0"
transform="translate(451.267 344.63)"
fill="#a46244"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.168 11.121c-3.714 6.697 1.13 14.921 8.787 14.921h372.965c7.657 0 12.501-8.224 8.787-14.921L378.203 0a10.045 10.045 0 0 0-8.787-5.175H8.787A10.047 10.047 0 0 0 0 0Z"
transform="translate(66.898 333.512)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v21.17c0 5.549 4.498 10.048 10.047 10.048h386.992c5.549 0 10.047-4.499 10.047-10.048V0z"
transform="translate(52.457 40.115)"
fill="#a46244"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v21.17c0 5.549 4.498 10.048 10.047 10.048h386.992c5.549 0 10.047-4.499 10.047-10.048V0z"
transform="translate(52.457 40.115)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15.534c0 5.549 4.499 10.048 10.048 10.048h444.535c5.549 0 10.048-4.499 10.048-10.048V0c0-5.55-4.499-10.048-10.048-10.048H10.048C4.499-10.048 0-5.55 0 0"
transform="translate(23.685 17.548)"
fill="#c87d5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h80.006c5.549 0 10.048 4.498 10.048 10.048v15.534c0 5.549-4.499 10.048-10.048 10.048h-444.535c-5.549 0-10.048-4.499-10.048-10.048V10.048c0-5.55 4.499-10.048 10.048-10.048h330.006"
transform="translate(398.262 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-361.209c43.268 51.427 108.121 84.099 180.605 84.099C-108.122 84.099-43.269 51.427 0 0"
transform="translate(436.604 409.207)"
fill="#a46244"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-62.296c-36.975 43.929-89.685 74.183-149.459 82.06a237.75 237.75 0 0 0 31.148 2.04C-108.123 84.1-43.275 51.425 0 0"
transform="translate(436.607 409.207)"
fill="#8c482c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a236.819 236.819 0 0 1-67.356-55.192h361.209C250.584-3.766 185.73 28.906 113.248 28.906c-28.023 0-54.896-4.902-79.832-13.865"
transform="translate(142.752 464.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-6.168 11.121c-3.714 6.697 1.13 14.921 8.787 14.921h435.645c7.657 0 12.501-8.224 8.787-14.921L440.883 0a10.047 10.047 0 0 0-8.787-5.175H8.787A10.047 10.047 0 0 0 0 0"
transform="translate(35.559 399.885)"
fill="#c87d5b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.169-11.123a10.04 10.04 0 0 0-8.782-5.175h-23.923c3.657 0 7.023 1.98 8.792 5.175L-23.913 0c3.707 6.702-1.136 14.921-8.792 14.921h23.924C-1.125 14.921 3.718 6.702 0 0"
transform="translate(482.606 411.006)"
fill="#a46244"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.168 11.121c-3.714 6.697 1.13 14.921 8.787 14.921h435.645c7.657 0 12.501-8.224 8.787-14.921L440.883 0a10.047 10.047 0 0 0-8.787-5.175H8.787A10.047 10.047 0 0 0 0 0Z"
transform="translate(35.559 399.885)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.873-8.004-17.877-17.877-17.877S-35.754-9.873-35.754 0s8.004 17.876 17.877 17.876S0 9.873 0 0"
transform="translate(459.965 470.37)"
fill="#ffbd48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.873-8.004-17.877-17.877-17.877S-35.754-9.873-35.754 0s8.004 17.876 17.877 17.876S0 9.873 0 0Z"
transform="translate(459.965 470.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-26.565"
transform="translate(442.088 452.492)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-16.255"
transform="translate(442.088 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.873-8.004-17.877-17.877-17.877S-35.754-9.873-35.754 0s8.004 17.876 17.877 17.876S0 9.873 0 0"
transform="translate(87.79 470.37)"
fill="#ffbd48"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.873-8.004-17.877-17.877-17.877S-35.754-9.873-35.754 0s8.004 17.876 17.877 17.876S0 9.873 0 0Z"
transform="translate(87.79 470.37)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-26.565"
transform="translate(69.912 452.492)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-16.255"
transform="translate(69.912 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c7.317-54.771-31.15-105.104-85.922-112.422-54.771-7.317-105.104 31.151-112.422 85.922-7.317 54.771 31.152 105.104 85.922 112.422C-57.65 93.239-7.317 54.771 0 0"
transform="translate(355.056 213.574)"
fill="#fff7d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-55.258-44.795-100.053-100.053-100.053-55.258 0-100.052 44.795-100.052 100.053 0 55.258 44.794 100.053 100.052 100.053C-44.795 100.053 0 55.258 0 0Z"
transform="translate(355.937 200.324)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.452"
transform="translate(255.884 300.377)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.452"
transform="translate(255.884 124.724)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-21.452"
transform="translate(353.169 200.324)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-24.452"
transform="translate(180.516 200.324)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 7.965 13.9"
transform="translate(206.574 113.397)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.599 9.771"
transform="translate(298.097 273.12)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 13.9-7.966"
transform="translate(169.305 250.068)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 10.94-6.27"
transform="translate(329.027 158.546)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 13.874 8.01"
transform="translate(169.584 150.097)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 10.961 6.328"
transform="translate(329.007 242.14)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.01-13.874"
transform="translate(206.09 286.973)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 6.405-11.096"
transform="translate(298.133 127.55)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-44.604h35.525"
transform="translate(256.703 244.928)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category