Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, 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 452.216 452.216"
>
<linearGradient
id="a"
x1="226.107"
x2="226.107"
y1="456.261"
y2="-6.967"
gradientTransform="matrix(1 0 0 -1 0 453.947)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M226.107 44.173c-101.4 0-183.9 82.5-183.9 183.9A183.182 183.182 0 0 0 89.985 351.6l-39.186 39.243c-10.775 10.547-10.959 27.831-.413 38.606 10.547 10.775 27.831 10.959 38.606.413.149-.145.296-.293.441-.441l43.058-43.119c57.717 34.229 129.514 34.229 187.231 0l43.059 43.119c10.531 10.79 27.815 11 38.605.47 10.79-10.531 11-27.815.47-38.605a22.92 22.92 0 0 0-.441-.441l-39.185-39.244a183.19 183.19 0 0 0 47.777-123.526c0-101.402-82.5-183.902-183.9-183.902zM75.28 415.288a7.3 7.3 0 1 1-10.329-10.315l39.267-39.325a188.612 188.612 0 0 0 11.348 9.3l-40.286 40.34zM62.207 228.073c0-90.376 73.526-163.9 163.9-163.9s163.9 73.525 163.9 163.9-73.525 163.9-163.9 163.9-163.9-73.526-163.9-163.9zm327.19 182.064a7.299 7.299 0 0 1-12.463 5.151l-40.286-40.342a182.09 182.09 0 0 0 11.348-9.3l39.267 39.327a7.26 7.26 0 0 1 2.134 5.164z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="251.157"
x2="251.157"
y1="456.261"
y2="-6.967"
gradientTransform="matrix(1 0 0 -1 0 453.947)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M286.207 229.973h-60.1v-81.639c0-5.523-4.477-10-10-10s-10 4.477-10 10v91.293c0 5.523 4.078 10.346 9.6 10.346h70.5c5.523 0 10-4.477 10-10s-4.478-10-10-10z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="226.107"
x2="226.107"
y1="456.261"
y2="-6.967"
gradientTransform="matrix(1 0 0 -1 0 453.947)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M226.107 79.048c-82.172 0-149.024 66.852-149.024 149.024s66.852 149.024 149.024 149.024 149.024-66.852 149.024-149.023S308.279 79.048 226.107 79.048zm0 278.048c-71.258 0-129.024-57.766-129.024-129.024S154.849 99.048 226.107 99.048s129.024 57.766 129.024 129.024v.001c-.081 71.225-57.8 128.943-129.024 129.023z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="70.084"
x2="70.084"
y1="456.261"
y2="-6.967"
gradientTransform="matrix(1 0 0 -1 0 453.947)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M140.168 44.829a9.997 9.997 0 0 0-3-7.092C105.584 6.81 54.694 6.843 23.729 37.81A80.06 80.06 0 0 0 .002 95.204a78.673 78.673 0 0 0 23.8 56.195c3.917 3.836 10.192 3.803 14.068-.074l99.369-99.372a10 10 0 0 0 2.929-7.124zM31.297 129.61a58.765 58.765 0 0 1-11.3-34.511 60.207 60.207 0 0 1 17.869-43.146 59.715 59.715 0 0 1 42.4-17.416 61.3 61.3 0 0 1 35.1 11.011L31.297 129.61z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="382.131"
x2="382.131"
y1="456.261"
y2="-6.967"
gradientTransform="matrix(1 0 0 -1 0 453.947)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M315.05 37.737c-3.946 3.864-4.013 10.195-.149 14.141l.074.075 99.372 99.372c3.876 3.877 10.151 3.91 14.068.074a78.673 78.673 0 0 0 23.8-56.195 80.059 80.059 0 0 0-23.726-57.393C397.523 6.843 346.633 6.81 315.05 37.737zm105.867 91.873-84.063-84.063c23.73-16.574 56.653-14.441 77.493 6.405a60.207 60.207 0 0 1 17.869 43.146 58.765 58.765 0 0 1-11.299 34.512z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category