Add icons to this collection by clicking the heart icon.
Alarm icon - also known as clock, time, alarm, Tools and utensils, alarm clock, ui, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="4.75"
y2="61.623"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3b90" />
<stop offset=".073" stop-color="#fe2eab" />
<stop offset=".139" stop-color="#fe1bd9" />
<stop offset=".2" stop-color="#fd10f3" />
<stop offset=".289" stop-color="#fd0cfa" />
<stop offset=".514" stop-color="#6e3ff3" />
<stop offset=".8" stop-color="#3c41ed" />
<stop offset="1" stop-color="#3a85e9" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y2="61.623" href="#a" />
<linearGradient id="c" x1="41.899" x2="41.899" y2="61.623" href="#a" />
<linearGradient id="d" x1="22.1" x2="22.1" y2="61.623" href="#a" />
<linearGradient id="e" x1="46" x2="46" y2="61.623" href="#a" />
<linearGradient id="f" x1="18" x2="18" y2="61.623" href="#a" />
<linearGradient id="g" x1="35.5" x2="35.5" y2="61.623" href="#a" />
<path
fill="url(#a)"
d="M32 15a20 20 0 1 0 20 20 20.023 20.023 0 0 0-20-20zm0 38a18 18 0 1 1 18-18 18.02 18.02 0 0 1-18 18z"
/>
<path
fill="url(#b)"
d="M52.465 18.565a1 1 0 0 0 1.414 0l2.828-2.828a1 1 0 0 0 0-1.415l-7.07-7.07a1 1 0 0 0-1.415 0l-2.829 2.828a1 1 0 0 0 0 1.414l1.415 1.414-1.885 1.885A23.835 23.835 0 0 0 35 11.194V8h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H27a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2v3.194a23.835 23.835 0 0 0-9.923 3.598l-1.885-1.884 1.415-1.414a1 1 0 0 0 0-1.414L15.778 7.25a1 1 0 0 0-1.414 0l-7.071 7.071a1 1 0 0 0 0 1.414l2.828 2.829a1 1 0 0 0 1.414 0l1.415-1.414 1.501 1.501a23.956 23.956 0 0 0 3.318 35.659l-3.153 3.153a1 1 0 0 0 0 1.415l2.828 2.828a1 1 0 0 0 1.415 0l4.373-4.373a23.906 23.906 0 0 0 17.536 0l4.373 4.373a1 1 0 0 0 1.414 0l2.829-2.828a1 1 0 0 0 0-1.415l-3.154-3.153a23.956 23.956 0 0 0 3.319-35.659l1.501-1.501zm-3.536-9.192 5.657 5.657-1.414 1.414-5.657-5.657zM27.999 4h8v2h-8zm3 4h2v3.025c-.331-.013-.664-.025-1-.025s-.667.012-1 .025zm-20.17 8.444-1.415-1.415 5.657-5.657 1.414 1.415zm4.95-2.122 1.636 1.637c-.532.408-1.05.834-1.545 1.284l-1.506-1.507zm2.372 45.264-1.414-1.414 2.72-2.72q.884.544 1.819 1.01zm29.111-1.414-1.414 1.414-3.124-3.125q.932-.468 1.819-1.01zM32 57a22 22 0 1 1 22-22 22.025 22.025 0 0 1-22 22zm17.636-41.263-1.507 1.506a24.174 24.174 0 0 0-1.544-1.284l1.637-1.637z"
/>
<path
fill="url(#a)"
d="M32 23a1 1 0 0 0 1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 0 1 1zM32 47a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#c)"
d="M41.9 23.686 40.484 25.1a1 1 0 0 0 1.414 1.415l1.415-1.415a1 1 0 1 0-1.415-1.414z"
/>
<path
fill="url(#d)"
d="M22.1 43.485 20.686 44.9a1 1 0 0 0 1.414 1.415l1.415-1.415a1 1 0 1 0-1.415-1.414zM22.1 23.686a1 1 0 1 0-1.414 1.414l1.414 1.415a1 1 0 1 0 1.415-1.415z"
/>
<path
fill="url(#c)"
d="M41.9 43.485a1 1 0 0 0-1.415 1.414l1.414 1.415a1 1 0 1 0 1.415-1.415z"
/>
<path
fill="url(#e)"
d="M44 35a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2h-2a1 1 0 0 0-1 1z"
/>
<path fill="url(#f)" d="M19 34h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#g)"
d="M39 34h-6v-8a1 1 0 1 0-2 0v9a1 1 0 0 0 1 1h7a1 1 0 0 0 0-2z"
/>
</svg>
More icons in the same style and category