Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, Tools and utensils, alarm clock, timer, 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 512 512"
>
<linearGradient
id="a"
x1="-43.163"
x2="-26.243"
y1="638.16"
y2="621.237"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 85.333c-117.632 0-213.333 95.701-213.333 213.333 0 54.976 21.099 105.003 55.36 142.869L45.782 493.78c-4.16 4.16-4.16 10.923 0 15.083 2.091 2.091 4.821 3.136 7.552 3.136s5.461-1.045 7.531-3.115l52.245-52.245C150.997 490.901 201.003 512 256 512s105.003-21.099 142.869-55.381l52.245 52.245a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.552-3.115 4.16-4.16 4.16-10.923 0-15.083l-52.245-52.245c34.261-37.888 55.36-87.915 55.36-142.891 0-117.631-95.701-213.333-213.333-213.333zM245.333 107.2v10.133c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V107.2c97.344 5.397 175.403 83.456 180.8 180.8h-10.133c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h10.133c-5.397 97.344-83.456 175.403-180.8 180.8V480c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v10.133c-97.344-5.397-175.403-83.456-180.8-180.8h10.133c5.888 0 10.667-4.779 10.667-10.667S80.555 288 74.667 288H64.533c5.398-97.344 83.456-175.403 180.8-180.8z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-45.535"
x2="-40.913"
y1="645.308"
y2="640.687"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M85.333 0C38.272 0 0 38.272 0 85.333c0 35.115 21.077 66.155 53.675 79.04a10.59 10.59 0 0 0 3.925.747c3.328 0 6.571-1.557 8.619-4.395A238.022 238.022 0 0 1 163.2 82.944a10.647 10.647 0 0 0 6.251-11.477C162.837 30.72 126.677 0 85.333 0zm-31.04 141.141c-20.245-11.051-32.96-32.213-32.96-55.808 0-35.285 28.715-64 64-64 28.288 0 53.355 19.179 61.291 45.76-36.075 17.238-67.733 42.624-92.331 74.048z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-29.008"
x2="-23.358"
y1="645.822"
y2="640.172"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M426.667 0c-41.344 0-77.504 30.72-84.139 71.467a10.647 10.647 0 0 0 6.251 11.477c38.656 16.875 72.192 43.776 96.981 77.781a10.685 10.685 0 0 0 8.64 4.395 10.59 10.59 0 0 0 3.925-.747C490.923 151.488 512 120.448 512 85.333 512 38.272 473.728 0 426.667 0zm31.04 141.141c-24.597-31.445-56.256-56.832-92.331-74.069 7.936-26.56 33.003-45.739 61.291-45.739 35.285 0 64 28.715 64 64 0 23.595-12.715 44.758-32.96 55.808z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-36.9"
x2="-31"
y1="638.494"
y2="632.593"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.973 302.315c.043.107.149.128.171.235.064.171.043.341.107.491.555 1.237 1.6 1.984 2.496 2.88.512.491.789 1.195 1.365 1.579 1.685 1.109 3.669 1.749 5.717 1.771.043 0 .085.043.149.043h.043c1.195 0 2.389-.213 3.584-.64.128-.043.213-.149.341-.213.128-.043.256-.021.384-.085l112-50.325c5.376-2.411 7.765-8.725 5.355-14.101-2.411-5.376-8.704-7.808-14.101-5.355l-101.525 45.632-38.699-106.542c-2.027-5.525-8.085-8.405-13.675-6.379-5.525 2.027-8.384 8.128-6.379 13.675l42.667 117.334z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category