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 511.989 511.989"
>
<linearGradient
id="a"
x1="-29.157"
x2="-23.033"
y1="634.972"
y2="628.848"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.322 13553.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M417.345 57.682a280.13 280.13 0 0 1 41.152 33.792 281.051 281.051 0 0 1 34.005 40.981 10.695 10.695 0 0 0 14.827 2.837c4.864-3.307 6.123-9.941 2.816-14.827a303.83 303.83 0 0 0-36.608-44.117 302.604 302.604 0 0 0-44.309-36.373 299.333 299.333 0 0 0-50.795-27.435c-5.397-2.261-11.669.256-13.973 5.696-2.283 5.419.277 11.691 5.696 13.973a276.7 276.7 0 0 1 47.189 25.473z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-29.982"
x2="-24.66"
y1="633.075"
y2="627.752"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.322 13553.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M347.99 57.597c-2.283 5.419.277 11.691 5.696 13.973a236.097 236.097 0 0 1 39.915 21.547 238.516 238.516 0 0 1 34.837 28.608c10.667 10.603 20.352 22.251 28.779 34.688a10.695 10.695 0 0 0 14.827 2.837c4.885-3.307 6.144-9.941 2.816-14.827a259.735 259.735 0 0 0-31.381-37.803c-11.584-11.541-24.363-22.016-37.973-31.189a255.875 255.875 0 0 0-43.541-23.509c-5.42-2.261-11.692.235-13.975 5.675z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-44.026"
x2="-42.63"
y1="632.646"
y2="631.251"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.322 13553.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M132.95 11.517a299.76 299.76 0 0 0-50.645 27.691C66.497 49.959 51.649 62.269 38.187 75.837a300.855 300.855 0 0 0-36.373 44.288c-3.285 4.885-1.984 11.52 2.901 14.805a10.575 10.575 0 0 0 5.931 1.813c3.435 0 6.805-1.664 8.875-4.715a279.59 279.59 0 0 1 33.792-41.152A280.56 280.56 0 0 1 94.294 56.85a278.62 278.62 0 0 1 47.04-25.707c5.419-2.304 7.936-8.576 5.632-13.995-2.325-5.439-8.661-7.935-14.016-5.631z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-42.741"
x2="-41.447"
y1="631.105"
y2="629.814"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.322 13553.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M149.654 50.77c-15.168 6.507-29.781 14.485-43.413 23.765-13.525 9.173-26.24 19.733-37.824 31.381a257.742 257.742 0 0 0-31.168 37.973c-3.285 4.885-1.984 11.52 2.901 14.805a10.615 10.615 0 0 0 5.931 1.792c3.435 0 6.805-1.664 8.875-4.715a238.8 238.8 0 0 1 28.587-34.837 237.742 237.742 0 0 1 34.688-28.779 236.854 236.854 0 0 1 39.808-21.76c5.419-2.304 7.936-8.576 5.611-13.995-2.327-5.438-8.641-7.934-13.996-5.63z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-41.773"
x2="-27.632"
y1="628.885"
y2="614.744"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.322 13553.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M105.643 136.829c-.149.128-.341.171-.491.32-.149.149-.192.341-.32.491-38.4 38.613-62.165 91.755-62.165 150.357s23.765 111.744 62.165 150.357c.128.149.192.341.341.491.149.149.341.192.491.32 38.592 38.4 91.733 62.165 150.336 62.165s111.744-23.765 150.336-62.165c.149-.128.341-.192.491-.32.149-.149.192-.341.32-.491 38.421-38.613 62.187-91.755 62.187-150.357s-23.765-111.744-62.165-150.357c-.128-.149-.192-.341-.32-.491-.149-.149-.341-.192-.491-.341-38.613-38.379-91.755-62.144-150.357-62.144s-111.744 23.765-150.358 62.165zm271.04 30.485a10.623 10.623 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115l7.125-7.125c28.203 31.488 46.101 72.235 48.576 117.141h-10.133c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h10.133c-2.496 44.885-20.373 85.632-48.576 117.12l-7.125-7.125c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l7.125 7.125c-31.488 28.203-72.235 46.101-117.12 48.576V469.33c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v10.133c-44.885-2.496-85.632-20.373-117.141-48.576l7.125-7.125c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-7.147 7.104c-28.203-31.488-46.101-72.235-48.576-117.12h10.133c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H64.534c2.475-44.885 20.373-85.632 48.576-117.141l7.125 7.125c2.091 2.091 4.821 3.136 7.552 3.136s5.461-1.045 7.552-3.115c4.16-4.16 4.16-10.923 0-15.083l-7.147-7.147c31.509-28.181 72.256-46.08 117.141-48.576v10.133c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V96.53c44.885 2.475 85.632 20.373 117.12 48.576l-7.125 7.125c-4.16 4.182-4.16 10.923.021 15.083z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-36.9"
x2="-30.999"
y1="627.824"
y2="621.922"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.322 13553.367)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m363.627 227.943-101.525 45.632-38.741-106.56c-2.027-5.525-8.107-8.405-13.675-6.379-5.525 2.027-8.405 8.128-6.379 13.675l42.667 117.333c.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.389-5.357-8.683-7.789-14.059-5.336z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category