Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as electronic, clock, time, alarm, alarm clock, timer, device, 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.742"
x2="-25.665"
y1="653.732"
y2="635.656"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 14029.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M461.76 117.333h-35.093v-32c0-5.888-4.779-10.667-10.667-10.667h-85.333c-5.888 0-10.667 4.779-10.667 10.667v32H50.219C22.549 117.333 0 139.861 0 167.552V384c0 29.397 23.915 53.333 53.333 53.333h405.333C488.085 437.333 512 413.397 512 384V167.552c0-27.691-22.549-50.219-50.24-50.219zM341.333 96h64v21.333h-64V96zm149.334 288c0 17.643-14.357 32-32 32H53.333c-17.643 0-32-14.357-32-32V167.552c0-15.936 12.949-28.885 28.885-28.885H461.76c15.957 0 28.907 12.949 28.907 28.885V384z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.554"
x2="-36.849"
y1="643.002"
y2="642.298"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 14029.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M195.179 312.533c-2.112 1.92-3.179 4.693-3.179 7.467 0 2.773 1.067 5.547 2.987 7.467a10.9 10.9 0 0 0 7.68 3.2c2.773 0 5.547-1.067 7.659-3.2 1.941-2.133 3.008-4.693 3.008-7.467 0-2.773-1.067-5.333-3.2-7.68-4.054-3.84-11.094-3.84-14.955.213z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-37.556"
x2="-36.846"
y1="647.008"
y2="646.299"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 14029.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M194.987 227.2c-1.92 2.133-2.987 4.693-2.987 7.467s1.067 5.547 3.179 7.467c1.941 2.133 4.715 3.2 7.488 3.2s5.333-1.067 7.659-3.2c1.941-2.133 3.008-4.693 3.008-7.467 0-2.56-1.067-5.333-3.2-7.68-4.054-3.84-11.094-3.84-15.147.213z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-31.307"
x2="-26.099"
y1="647.253"
y2="642.049"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 14029.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M416 202.667h-64c-5.888 0-10.667 4.779-10.667 10.667v128c0 5.888 4.779 10.667 10.667 10.667h64c5.888 0 10.667-4.779 10.667-10.667v-128c0-5.889-4.779-10.667-10.667-10.667zm-10.667 128h-42.667V224h42.667v106.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-36.307"
x2="-31.099"
y1="647.253"
y2="642.049"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 14029.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M309.333 202.667h-64c-5.888 0-10.667 4.779-10.667 10.667v128c0 5.888 4.779 10.667 10.667 10.667h64c5.888 0 10.667-4.779 10.667-10.667v-128c0-5.889-4.779-10.667-10.667-10.667zm-10.666 128H256V224h42.667v106.667z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-43.307"
x2="-38.099"
y1="647.253"
y2="642.049"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 14029.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M160 224c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H96c-5.888 0-10.667 4.779-10.667 10.667v128C85.333 347.221 90.112 352 96 352h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-53.333V224H160zm-10.667 64v42.667h-42.667V288h42.667z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category