Add icons to this collection by clicking the heart icon.
Time icon - also known as clock, time, tool, watch, convenience, 24 hours, and time and date. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-6.875"
x2="-6.875"
y1="616.975"
y2="556.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M472 432h-24V280a8 8 0 0 0-14.552-4.584l-112 160A7.999 7.999 0 0 0 328 448h104v24a8 8 0 0 0 16 0v-24h24a8 8 0 0 0 0-16zm-40-126.624V432h-88.64L432 305.376z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-22.875"
x2="-22.875"
y1="616.975"
y2="556.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M328 464h-94.712l88.056-103.688c.2-.238.387-.486.56-.744 16.566-24.518 11.048-57.713-12.56-75.552-28.705-20.625-68.695-14.074-89.319 14.631A63.997 63.997 0 0 0 208 336a8 8 0 0 0 16 0c-.003-26.51 21.486-48.002 47.995-48.005A47.999 47.999 0 0 1 300 297.008c16.537 12.671 20.388 36.007 8.8 53.32l-98.896 116.496A8 8 0 0 0 216 480h112a8 8 0 0 0 0-16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-27.051"
x2="-27.051"
y1="616.975"
y2="556.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M216.176 424.152a8 8 0 0 0-7.693-8.296h-.003C104.11 411.982 20.341 328.363 16.28 224H48a8 8 0 0 0 0-16H16.28C20.283 103.821 103.82 20.287 208 16.288V40a8 8 0 0 0 16 0V16.288c102.754 3.974 185.686 85.34 191.616 188l-31.2-31.2a8 8 0 0 0-11.312 11.312l44.656 44.656a7.863 7.863 0 0 0 3.152 2.296c.313.094.631.172.952.232a7.914 7.914 0 0 0 1.696.408h.456a7.708 7.708 0 0 0 1.792-.352c.329-.04.655-.101.976-.184a7.88 7.88 0 0 0 2.888-1.808l45.264-45.248a8 8 0 0 0-11.312-11.312l-31.976 31.952C425.933 90.37 331.38.281 216.568.112 216.368.104 216.2 0 216 0s-.368.104-.568.112C96.582.275.275 96.582.112 215.432c0 .2-.112.368-.112.568s.104.368.112.568c.199 115.917 91.939 210.97 207.776 215.28h.296a8 8 0 0 0 7.992-7.696z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-27.04"
x2="-27.04"
y1="616.975"
y2="556.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M323.48 108.52a8 8 0 0 0-11.312 0L226.2 194.48a25.055 25.055 0 0 0-20.408 0l-40.704-40.704a8 8 0 0 0-11.312 11.312l40.624 40.624c-5.704 11.94-.648 26.244 11.293 31.947a23.96 23.96 0 0 0 27.275-4.683 23.737 23.737 0 0 0 4.624-27.256l85.888-85.888a8 8 0 0 0 0-11.312zM221.656 221.656a8.185 8.185 0 0 1-11.312 0 8 8 0 1 1 11.314-.002l-.002.002z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category