Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as education, clock, time, wake up, alarm, alarm clock, timer, and time and date. Created in a clean lineal color 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 56 60"
>
<g fill="none" fill-rule="nonzero" transform="translate(0 -1)">
<path
fill="#f44335"
d="M54 33c.006 13.15-9.806 24.235-22.86 25.826C18.088 60.417 5.9 52.014 2.748 39.247-.406 26.481 6.467 13.37 18.76 8.7a24.592 24.592 0 0 1 4.27-1.22 25.97 25.97 0 0 1 9.94 0c1.457.277 2.886.685 4.27 1.22A25.958 25.958 0 0 1 54 33z"
/>
<path
fill="#c81e1e"
d="M51.74 22.38A26.029 26.029 0 0 0 37.24 8.7 25.742 25.742 0 0 0 28 7c-.506 0-1 .04-1.5.069 2.649.14 5.26.69 7.74 1.631a26.012 26.012 0 0 1-.2 48.68 25.723 25.723 0 0 1-7.54 1.553c.5.028.994.067 1.5.067a26.014 26.014 0 0 0 23.74-36.62z"
/>
<path
fill="#ffdc00"
d="M18.76 8.7a26.029 26.029 0 0 0-14.5 13.68A10 10 0 1 1 18.76 8.7z"
/>
<path
fill="#fec108"
d="M11 5c-.502.004-1.004.046-1.5.125A9.96 9.96 0 0 1 15.76 8.7 26.03 26.03 0 0 0 2.414 20.11a10.107 10.107 0 0 0 1.846 2.27A26.029 26.029 0 0 1 18.76 8.7 9.962 9.962 0 0 0 11 5z"
/>
<path
fill="#ffdc00"
d="M55 15a9.982 9.982 0 0 1-3.26 7.38A26.029 26.029 0 0 0 37.24 8.7 10 10 0 0 1 55 15z"
/>
<path
fill="#fec108"
d="M45 5a9.989 9.989 0 0 0-1.5.125 9.975 9.975 0 0 1 7.086 14.985c.42.733.805 1.49 1.154 2.27A9.995 9.995 0 0 0 45 5z"
/>
<g fill="#9e9e9e">
<path
d="M18.96 57.38a6.002 6.002 0 0 1-9.98-6.67 25.782 25.782 0 0 0 9.98 6.67zM48 54a6 6 0 0 1-10.96 3.38 25.782 25.782 0 0 0 9.98-6.67c.643.977.984 2.12.98 3.29zM33 7c0 .16-.01.32-.03.48a25.97 25.97 0 0 0-9.94 0C23.01 7.32 23 7.16 23 7a5 5 0 0 1 10 0z"
/>
</g>
<circle cx="28" cy="33" r="20" fill="#00bcd4" />
<path
fill="#00838f"
d="M28 13c-.506 0-1 .039-1.5.076 10.43.776 18.498 9.465 18.498 19.924S36.93 52.148 26.5 52.924c.5.037.994.076 1.5.076 11.046 0 20-8.954 20-20s-8.954-20-20-20z"
/>
<path
fill="#9e9e9e"
d="M32 33a4 4 0 0 1-4 4 3.88 3.88 0 0 1-1.03-.14 3.972 3.972 0 0 1-2.83-2.83A3.88 3.88 0 0 1 24 33a4 4 0 0 1 8 0z"
/>
<path
fill="#707070"
d="M30 29.54a3.953 3.953 0 0 0-3.5-.242 3.993 3.993 0 0 1 0 7.405c.153.062.31.114.469.157.336.093.683.14 1.031.14a4 4 0 0 0 2-7.46z"
/>
<path
fill="#f5f5f5"
d="M30 19v10.54a3.974 3.974 0 0 0-4 0V19a2 2 0 0 1 4 0zM26.97 36.86l-4.56 4.55a1.994 1.994 0 1 1-2.82-2.82l4.55-4.56a3.972 3.972 0 0 0 2.83 2.83z"
/>
<path
fill="#000"
d="M45 4a10.922 10.922 0 0 0-8.049 3.532 26.427 26.427 0 0 0-2.967-.855 5.992 5.992 0 0 0-11.968 0 26.427 26.427 0 0 0-2.967.855A10.98 10.98 0 1 0 3.083 22.608a26.939 26.939 0 0 0 4.679 28.236 6.993 6.993 0 0 0 11.547 7.713 26.894 26.894 0 0 0 17.382 0 6.991 6.991 0 0 0 11.547-7.713 26.939 26.939 0 0 0 4.679-28.236A10.979 10.979 0 0 0 45 4zM28 3a4 4 0 0 1 3.928 3.289 26.839 26.839 0 0 0-7.856 0A4 4 0 0 1 28 3zM2 15a8.985 8.985 0 0 1 15.03-6.662 27.162 27.162 0 0 0-13.021 12.3A9 9 0 0 1 2 15zm12 44a4.985 4.985 0 0 1-4.736-6.586 27.076 27.076 0 0 0 8.012 5.359A5 5 0 0 1 14 59zm28 0a5 5 0 0 1-3.276-1.227 27.076 27.076 0 0 0 8.012-5.359A4.985 4.985 0 0 1 42 59zm-14-1C14.193 58 3 46.807 3 33S14.193 8 28 8s25 11.193 25 25c-.015 13.8-11.2 24.985-25 25zM38.97 8.338a8.981 8.981 0 0 1 13.021 12.3 27.162 27.162 0 0 0-13.021-12.3z"
/>
<path
fill="#000"
d="M28 12C16.402 12 7 21.402 7 33s9.402 21 21 21 21-9.402 21-21c-.013-11.593-9.407-20.987-21-21zm0 40C17.507 52 9 43.493 9 33s8.507-19 19-19 19 8.507 19 19c-.012 10.489-8.511 18.988-19 19z"
/>
<path
fill="#000"
d="M31 29.026V19a3 3 0 0 0-6 0v10.026A4.977 4.977 0 0 0 23 33c.007.23.03.46.069.687l-4.182 4.191a2.995 2.995 0 1 0 4.23 4.24l4.2-4.187A4.861 4.861 0 0 0 33 33a4.977 4.977 0 0 0-2-3.974zM27 19a1 1 0 0 1 2 0v9.1a5 5 0 0 0-2 0zm-5.3 21.708a.994.994 0 0 1-1.407-.009.977.977 0 0 1 .006-1.4l3.535-3.543a5.037 5.037 0 0 0 1.414 1.414zM28 36a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"
/>
</g>
</svg>
More icons in the same style and category