Add icons to this collection by clicking the heart icon.
Clock icon - also known as communication, clock, time, tool, watch, 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="-26.875"
x2="-26.875"
y1="557.235"
y2="619.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 0C107.452 0 0 107.452 0 240s107.452 240 240 240 240-107.452 240-240C479.85 107.514 372.486.15 240 0zm0 464C116.288 464 16 363.712 16 240S116.288 16 240 16s224 100.288 224 224c-.141 123.653-100.347 223.859-224 224z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-29.874"
x2="-29.874"
y1="557.235"
y2="619.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M248 217.472V128a8 8 0 0 0-16 0v89.472A24.001 24.001 0 0 0 217.472 232H176a8 8 0 0 0 0 16h41.472c4.384 12.476 18.052 19.036 30.528 14.652 12.476-4.384 19.036-18.052 14.652-30.528A23.944 23.944 0 0 0 248 217.472zM240 248a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-26.875"
x2="-26.875"
y1="557.235"
y2="619.38"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M420.304 343.496c36.933-64.055 36.933-142.937 0-206.992-.08-.168-.072-.344-.168-.504s-.248-.24-.344-.392a209.493 209.493 0 0 0-75.4-75.4c-.152-.096-.232-.256-.392-.344s-.336-.088-.504-.168c-64.055-36.933-142.937-36.933-206.992 0-.168.08-.344.072-.504.168s-.24.248-.392.344a209.493 209.493 0 0 0-75.4 75.4c-.096.144-.256.232-.344.392s-.088.336-.168.504c-36.933 64.055-36.933 142.937 0 206.992.08.168.072.344.168.504s.32.392.472.608a209.47 209.47 0 0 0 75.272 75.2c.152.096.232.256.392.344.24.114.485.216.736.304 63.937 36.755 142.591 36.755 206.528 0 .251-.093.497-.2.736-.32.16-.088.24-.248.392-.344a209.47 209.47 0 0 0 75.272-75.2c.152-.216.344-.384.472-.608s.088-.32.168-.488zm-77.512 58.544-11.864-20.544a8 8 0 0 0-13.91 7.906l.054.093 11.88 20.576A190.621 190.621 0 0 1 248 431.799V408a8 8 0 0 0-16 0v23.8a190.621 190.621 0 0 1-80.952-21.728l11.88-20.576a8 8 0 1 0-13.803-8.091l-.053.092-11.864 20.544a193.467 193.467 0 0 1-59.248-59.248l20.544-11.864a8 8 0 0 0-7.906-13.91l-.093.054-20.576 11.88A190.616 190.616 0 0 1 48.2 248H72a8 8 0 0 0 0-16H48.2a190.621 190.621 0 0 1 21.728-80.952l20.576 11.88a8 8 0 1 0 8.091-13.803l-.092-.053-20.543-11.864a193.467 193.467 0 0 1 59.248-59.248l11.864 20.544a8 8 0 1 0 13.909-7.909l-.053-.092-11.88-20.576A190.634 190.634 0 0 1 232 48.2V72a8 8 0 0 0 16 0V48.2a190.621 190.621 0 0 1 80.952 21.728l-11.88 20.576a8 8 0 0 0 13.802 8.094l.054-.093 11.864-20.544a193.467 193.467 0 0 1 59.248 59.248l-20.544 11.864a8 8 0 1 0 7.909 13.909l.092-.053 20.576-11.88a190.621 190.621 0 0 1 21.728 80.952H408a8 8 0 0 0 0 16h23.8a190.621 190.621 0 0 1-21.728 80.952l-20.576-11.88a8 8 0 0 0-8.094 13.802l.093.054 20.544 11.864a193.46 193.46 0 0 1-59.247 59.247z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category