Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as education, school, clock, time, hour, alarm, alarm clock, alarma clock, 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">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#f41d65" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="32.051"
x2="32.051"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32.018"
x2="32.018"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="18.9"
x2="18.9"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="45.1"
x2="45.1"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="35.579"
x2="35.579"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="16.854"
x2="16.854"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="47.152"
x2="47.152"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="20.815"
x2="20.815"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="43.186"
x2="43.186"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M32 31.55a1 1 0 0 0 1-1v-7.159a1 1 0 1 0-2 0v7.159a1 1 0 0 0 1 1z"
/>
<path
fill="url(#c)"
d="M23.021 41.498c2.509 2.061 5.711 3.195 9.018 3.195h.001c2.122 0 4.237-.48 6.116-1.388 4.861-2.351 8.003-7.357 8.003-12.754 0-7.661-6.559-14.133-14.322-14.133-2.082 0-4.098.464-5.991 1.379-4.303 2.08-7.218 6.226-7.798 11.089s1.278 9.578 4.973 12.612zm-2.988-12.376c.498-4.183 2.996-7.744 6.683-9.525a11.671 11.671 0 0 1 5.12-1.18c6.679 0 12.322 5.556 12.322 12.133 0 4.635-2.698 8.935-6.874 10.954a12.112 12.112 0 0 1-5.245 1.189h-.001c-2.845 0-5.597-.974-7.748-2.741-3.164-2.598-4.756-6.647-4.257-10.83z"
/>
<path
fill="url(#d)"
d="M21.509 47.768c3.104 1.895 6.701 2.896 10.402 2.896h.002c5.849 0 11.385-2.463 15.186-6.757a20.132 20.132 0 0 0 5.06-13.357c0-9.535-7.055-18.051-16.411-19.811A19.826 19.826 0 0 0 32.1 10.4c-8.331 0-15.93 5.178-18.908 12.885-3.461 8.949.116 19.475 8.317 24.483zm-6.452-23.763C17.74 17.064 24.589 12.4 32.1 12.4c1.099 0 2.201.103 3.278.305 8.426 1.584 14.78 9.256 14.78 17.845 0 4.439-1.618 8.711-4.558 12.031-3.422 3.866-8.41 6.083-13.688 6.083h-.001c-3.334 0-6.571-.9-9.36-2.604-7.389-4.511-10.611-13.993-7.494-22.055z"
/>
<path
fill="url(#e)"
d="M24.143 53H13.658a1 1 0 1 0 0 2h10.484a1 1 0 0 0 .001-2z"
/>
<path
fill="url(#f)"
d="M50.342 53H39.857a1 1 0 1 0 0 2h10.484a1 1 0 0 0 .001-2z"
/>
<path fill="url(#g)" d="M32 31.55h7.158a1 1 0 1 0 0-2H32a1 1 0 1 0 0 2z" />
<path
fill="url(#h)"
d="M14.159 23.54a1 1 0 0 0 .798-1.834c-1.689-.736-2.894-2.292-3.223-4.164-.328-1.871.272-3.744 1.609-5.011 1.269-1.203 3.015-1.715 4.788-1.41 1.774.307 3.246 1.376 4.037 2.935a1 1 0 0 0 1.783-.905c-1.079-2.127-3.077-3.585-5.479-4-2.403-.413-4.774.288-6.505 1.929-1.825 1.729-2.648 4.274-2.203 6.808.447 2.534 2.09 4.647 4.395 5.652z"
/>
<path
fill="url(#i)"
d="M40.486 14.496a1.001 1.001 0 0 0 1.344-.439c.834-1.643 2.459-2.754 4.347-2.972 1.883-.221 3.722.492 4.907 1.9 1.126 1.337 1.536 3.11 1.125 4.863-.41 1.753-1.564 3.16-3.167 3.857a1 1 0 0 0 .798 1.834c2.187-.953 3.76-2.861 4.315-5.235.557-2.374-.006-4.782-1.543-6.607-1.618-1.922-4.111-2.897-6.666-2.599-2.557.295-4.762 1.811-5.9 4.053a1.001 1.001 0 0 0 .44 1.345z"
/>
<path
fill="url(#j)"
d="M23.226 46.448a1 1 0 0 0-1.365.371l-3.828 6.684A1.001 1.001 0 0 0 18.899 55c.347 0 .684-.181.869-.503l3.828-6.684a1 1 0 0 0-.37-1.365z"
/>
<path
fill="url(#k)"
d="M42.14 46.819a1 1 0 1 0-1.736.994l3.828 6.684a1.001 1.001 0 0 0 1.736-.994z"
/>
</svg>
More icons in the same style and category