Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, hour, alarm, date, midnight, time and date, and birthday party. Created in a clean gradient style with a white, silver, magenta, 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"
>
<linearGradient
id="a"
x1="61.487"
x2="438.864"
y1="425.446"
y2="48.068"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#b6c4ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="404.485"
y2="110.795"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6582fd" stop-opacity=".6" />
<stop offset=".05" stop-color="#839afd" stop-opacity=".57" />
<stop offset=".116" stop-color="#a4b5fe" stop-opacity=".53" />
<stop offset=".19" stop-color="#c1ccfe" stop-opacity=".486" />
<stop offset=".273" stop-color="#d8dffe" stop-opacity=".436" />
<stop offset=".368" stop-color="#e9edff" stop-opacity=".379" />
<stop offset=".482" stop-color="#f6f8ff" stop-opacity=".31" />
<stop offset=".635" stop-color="#fdfdff" stop-opacity=".218" />
<stop offset=".997" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
fill="url(#a)"
d="M504.924 158.609c-7.97-29.063-47.238-28.163-72.116-37.662-15.615-5.963-35.6-14.049-41.394-30.432-8.439-23.862 27.335-47.173 17.272-70.24-6.018-13.795-23.409-18.745-38.455-18.37-76.149 1.9-218.954 17.153-290.68 66.723-49.52 34.223-103.879 105.46-67.902 163.43 35.899 57.844 174.597 44.543 110.666 155.843-48.419 84.295 16.971 114.452 34.459 117.945 183.086 36.576 397.037-168.969 348.15-347.237z"
/>
<path
fill="#ff7eb7"
d="M348.804 136.306H163.196v-8.493c0-9.399 7.619-17.018 17.018-17.018h151.57c9.399 0 17.018 7.619 17.018 17.018v8.493z"
/>
<g fill="#ff7eb7">
<path
d="M147.954 404.485H90.713a5 5 0 0 1-5-5v-36.484h92.241v11.484c0 16.569-13.431 30-30 30zM421.287 404.485h-57.241c-16.569 0-30-13.431-30-30v-11.484h92.241v36.484a5 5 0 0 1-5 5z"
/>
</g>
<path
fill="#96ffd1"
d="M447.32 156.31v199.38c0 11.05-8.95 20-20 20H84.68c-11.05 0-20-8.95-20-20V156.31c0-11.05 8.95-20 20-20h342.64c11.05 0 20 8.95 20 20z"
/>
<path
fill="#02ffb2"
d="M134.68 300.32c0 27.61-22.39 50-50 50-7.11 0-13.87-1.49-20-4.17v-91.66a49.792 49.792 0 0 1 20-4.17c27.61 0 50 22.38 50 50z"
/>
<path fill="#9eaffd" d="M84.68 156.31H256v199.38H84.68z" />
<path
fill="#8298fd"
d="M134.68 300.32c0 27.61-22.39 50-50 50v-100c27.61 0 50 22.38 50 50z"
/>
<path
fill="#d1ddff"
d="M144.449 266.951h-12.486c-10.477 0-19-8.523-19-19v-38.685c0-10.477 8.523-19 19-19h12.486c10.477 0 19 8.523 19 19v38.685c0 10.476-8.524 19-19 19zm-12.486-66.685c-4.962 0-9 4.038-9 9v38.685c0 4.962 4.038 9 9 9h12.486c4.962 0 9-4.038 9-9v-38.685c0-4.962-4.038-9-9-9zM208.717 266.951h-12.486c-10.477 0-19-8.523-19-19v-38.685c0-10.477 8.523-19 19-19h12.486c10.477 0 19 8.523 19 19v38.685c0 10.476-8.523 19-19 19zm-12.486-66.685c-4.962 0-9 4.038-9 9v38.685c0 4.962 4.038 9 9 9h12.486c4.962 0 9-4.038 9-9v-38.685c0-4.962-4.038-9-9-9z"
/>
<path fill="#b6c4ff" d="M256 156.31h171.32v199.38H256z" />
<path
fill="#9eaffd"
d="M413.57 156.31v14c0 5.52-4.48 10-10 10h-102.6c-5.53 0-10-4.48-10-10v-14z"
/>
<path
fill="#01eba4"
d="M413.567 85.82v60.49c0 5.52-4.48 10-10 10h-102.6c-5.53 0-10-4.48-10-10V85.82c0-5.52 4.47-10 10-10h102.6c5.52 0 10 4.48 10 10z"
/>
<g fill="#dbfced">
<path
d="M328.375 96.085a5 5 0 0 0-5 5v9.98h-7.074v-9.98a5 5 0 0 0-10 0v29.96a5 5 0 0 0 10 0v-9.98h7.074v9.98a5 5 0 0 0 10 0v-29.96a5 5 0 0 0-5-5zM353.757 96.085h-9.584a5 5 0 0 0-5 5v29.96a5 5 0 0 0 5 5h9.584c6.887 0 12.49-5.603 12.49-12.49 0-2.812-.945-5.4-2.519-7.49a12.407 12.407 0 0 0 2.519-7.49c0-6.887-5.603-12.49-12.49-12.49zm2.49 12.49a2.493 2.493 0 0 1-2.49 2.49h-4.584v-4.98h4.584a2.493 2.493 0 0 1 2.49 2.49zm-2.49 17.47h-4.584v-4.98h4.584c1.373 0 2.49 1.117 2.49 2.49s-1.117 2.49-2.49 2.49zM385.228 96.085h-9.074a5 5 0 0 0-5 5v29.96a5 5 0 0 0 5 5h9.074c7.168 0 13-5.832 13-13v-13.96c0-7.169-5.832-13-13-13zm3 26.96c0 1.654-1.346 3-3 3h-4.074v-19.96h4.074c1.654 0 3 1.346 3 3z"
/>
</g>
<path
fill="url(#b)"
d="M427.32 136.31h-78.516v-8.497c0-9.399-7.619-17.018-17.018-17.018h-151.57c-9.399 0-17.018 7.619-17.018 17.018v8.493l.025.004H84.68c-11.05 0-20 8.95-20 20v199.38c0 11.05 8.95 20 20 20h1.033v23.795a5 5 0 0 0 5 5h57.241c16.164 0 29.336-12.786 29.969-28.795h156.152c.633 16.009 13.805 28.795 29.969 28.795h57.241a5 5 0 0 0 5-5V375.69h1.033c11.05 0 20-8.95 20-20V156.31c.002-11.05-8.948-20-19.998-20z"
/>
<circle cx="84.68" cy="276.317" r="50" fill="#ff7eb7" />
<path
fill="#fd2c8e"
d="M70.66 270.112a5 5 0 0 1-5-5v-2.04a5 5 0 0 1 10 0v2.04a5 5 0 0 1-5 5zM98.7 270.112a5 5 0 0 1-5-5v-2.04a5 5 0 0 1 10 0v2.04a5 5 0 0 1-5 5zM84.68 305.968c-14.348 0-26.02-11.672-26.02-26.02a5 5 0 0 1 10 0c0 8.833 7.187 16.02 16.02 16.02s16.02-7.187 16.02-16.02a5 5 0 0 1 10 0c0 14.348-11.672 26.02-26.02 26.02z"
/>
<path
fill="#fff"
d="M315.769 266.951h-12.486c-10.477 0-19-8.523-19-19v-38.685c0-10.477 8.523-19 19-19h12.486c10.477 0 19 8.523 19 19v38.685c0 10.476-8.523 19-19 19zm-12.486-66.685c-4.962 0-9 4.038-9 9v38.685c0 4.962 4.038 9 9 9h12.486c4.962 0 9-4.038 9-9v-38.685c0-4.962-4.038-9-9-9zM380.037 266.951h-12.486c-10.477 0-19-8.523-19-19v-38.685c0-10.477 8.523-19 19-19h12.486c10.477 0 19 8.523 19 19v38.685c0 10.476-8.523 19-19 19zm-12.486-66.685c-4.962 0-9 4.038-9 9v38.685c0 4.962 4.038 9 9 9h12.486c4.962 0 9-4.038 9-9v-38.685c0-4.962-4.038-9-9-9z"
/>
<path
fill="#d1ddff"
d="M191.598 328.55h-5.332c-6.508 0-11.803-5.294-11.803-11.802V300.29c0-6.508 5.295-11.803 11.803-11.803h5.332c6.508 0 11.803 5.295 11.803 11.803v16.457c-.001 6.508-5.296 11.803-11.803 11.803zm-5.332-30.062c-.994 0-1.803.809-1.803 1.803v16.457c0 .994.809 1.802 1.803 1.802h5.332c.994 0 1.803-.809 1.803-1.802V300.29c0-.994-.809-1.803-1.803-1.803h-5.332zM233.078 328.109H214.97a5.001 5.001 0 0 1-3.13-8.9c5.042-4.049 12.846-11.451 14.406-15.227.6-1.451.505-3.052-.247-4.177-.585-.875-1.456-1.318-2.587-1.318a3.446 3.446 0 0 0-3.442 3.442 5 5 0 0 1-10 0c0-7.412 6.03-13.442 13.442-13.442 4.479 0 8.452 2.099 10.899 5.759 2.624 3.923 3.063 8.99 1.177 13.555-1.354 3.274-4.398 6.997-7.594 10.307h5.184a5 5 0 0 1 0 10.001z"
/>
<path
fill="#fff"
d="M325.734 328.55h-5.332c-6.508 0-11.803-5.294-11.803-11.802V300.29c0-6.508 5.295-11.803 11.803-11.803h5.332c6.508 0 11.803 5.295 11.803 11.803v16.457c0 6.508-5.295 11.803-11.803 11.803zm-5.332-30.062c-.994 0-1.803.809-1.803 1.803v16.457c0 .994.809 1.802 1.803 1.802h5.332c.994 0 1.803-.809 1.803-1.802V300.29c0-.994-.809-1.803-1.803-1.803h-5.332zM297.03 328.109h-18.108a5.001 5.001 0 0 1-3.13-8.9c5.042-4.049 12.845-11.451 14.406-15.227.6-1.451.505-3.052-.247-4.177-.585-.875-1.455-1.318-2.586-1.318a3.446 3.446 0 0 0-3.442 3.442 5 5 0 0 1-10 0c0-7.412 6.03-13.442 13.442-13.442 4.479 0 8.451 2.099 10.898 5.759 2.624 3.923 3.063 8.991 1.177 13.556-1.354 3.274-4.398 6.997-7.593 10.307h5.184a5 5 0 0 1-.001 10z"
/>
<circle cx="352" cy="323.55" r="5" fill="#fff" />
<circle cx="160" cy="323.55" r="5" fill="#d1ddff" />
<path
fill="#6582fd"
d="M200.618 443.985a5 5 0 0 1-5-5c0-3.033-2.467-5.5-5.5-5.5a5 5 0 0 1 0-10c3.033 0 5.5-2.467 5.5-5.5a5 5 0 0 1 10 0c0 3.033 2.467 5.5 5.5 5.5a5 5 0 0 1 0 10 5.506 5.506 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
<path
fill="#ff5ba7"
d="M244.09 77.44a5 5 0 0 1-5-5c0-3.033-2.467-5.5-5.5-5.5a5 5 0 0 1 0-10c3.033 0 5.5-2.467 5.5-5.5a5 5 0 0 1 10 0c0 3.033 2.467 5.5 5.5 5.5a5 5 0 0 1 0 10 5.506 5.506 0 0 0-5.5 5.5 5 5 0 0 1-5 5zM139.595 453.985a5 5 0 0 1-3.536-8.535l10-10a5.001 5.001 0 0 1 7.071 7.071l-10 10a4.983 4.983 0 0 1-3.535 1.464z"
/>
<g fill="#01eba4">
<path
d="M412.87 460.06a5 5 0 0 1-3.536-8.535l10-10a5.001 5.001 0 0 1 7.071 7.071l-10 10a4.984 4.984 0 0 1-3.535 1.464zM437.367 106.085a5 5 0 0 1-3.536-8.535l10-10a5.001 5.001 0 0 1 7.071 7.071l-10 10a4.984 4.984 0 0 1-3.535 1.464z"
/>
</g>
</svg>
More icons in the same style and category