Add icons to this collection by clicking the heart icon.
Alarm icon - also known as interface, clock, wake up, alarm, website, alarm clock, reminder, ui, fire alarm, alarm bell, and user interface. Created in a clean flat 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.001 64.001"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00b6bd" />
<stop offset="1" stop-color="#46f8ff" />
</linearGradient>
<linearGradient
id="c"
x1="10.797"
x2="53.204"
y1="55.205"
y2="12.798"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#1a6fb0" />
<stop offset="1" stop-color="#3d9ae2" />
</linearGradient>
<linearGradient
id="d"
x1="16.452"
x2="47.55"
y1="49.55"
y2="18.452"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="24.086"
x2="35.915"
y1="36.915"
y2="25.087"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="52.198"
x2="56.692"
y1="10.877"
y2="6.383"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1=".681"
x2="18.431"
y1="17.505"
y2="-.246"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="32.001" cy="34.001" r="30" fill="url(#c)" />
<circle cx="32.001" cy="34.001" r="22" fill="url(#d)" />
<path
fill="url(#e)"
d="M32.001 36.001h-8a2 2 0 0 1 0-4h6v-8a2 2 0 0 1 4 0v10a2 2 0 0 1-2 2z"
/>
<path
fill="url(#f)"
d="M62.003 17.995a2 2 0 0 1-1.715-.968A32.998 32.998 0 0 0 45.341 3.829 2 2 0 1 1 46.964.172a36.985 36.985 0 0 1 16.75 14.79 2 2 0 0 1-1.711 3.033z"
/>
<path
fill="url(#g)"
d="M1.999 17.995a2 2 0 0 1-1.711-3.032A36.983 36.983 0 0 1 17.037.173 2 2 0 1 1 18.66 3.83 32.99 32.99 0 0 0 3.714 17.028a1.998 1.998 0 0 1-1.715.967z"
/>
</svg>
More icons in the same style and category