Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as electronic, time, digital, alarm clock, and time and date. Created in a clean flat style with a white, gray, and pink finish, 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 512 512"
>
<path
fill="#ffbe73"
d="M145.63 434.998h-65.1c-11.948 0-21.634-9.686-21.634-21.634v-38.047h108.368v38.047c0 11.948-9.686 21.634-21.634 21.634z"
/>
<path
fill="#ffd4a3"
d="M431.47 434.998h-65.1c-11.948 0-21.634-9.686-21.634-21.634v-38.047h108.368v38.047c0 11.948-9.685 21.634-21.634 21.634z"
/>
<path
fill="#8697a6"
d="M512 126.45v210.414c0 27.31-22.139 49.449-49.449 49.449H134.408c-55.615-86.38-55.615-230.288-1.896-309.312h330.039C489.861 77.002 512 99.14 512 126.45z"
/>
<path
fill="#77899b"
d="M134.408 386.314H49.449C22.139 386.314 0 364.175 0 336.865V126.45c0-27.31 22.139-49.449 49.449-49.449h83.063c-45.091 86.196-41.887 225.94 1.896 309.313z"
/>
<path
fill="#5ad6ff"
d="M475.882 135.928v191.459c0 11.95-9.694 21.634-21.634 21.634H118.677c-35.369-69.969-30.29-175.501-1.71-234.727h337.281c11.94 0 21.634 9.684 21.634 21.634z"
/>
<path
fill="#00c5fd"
d="M118.677 349.021H57.752c-11.94 0-21.634-9.684-21.634-21.634V135.928c0-11.95 9.694-21.634 21.634-21.634h59.215c-23.519 71.814-21.953 164.211 1.71 234.727z"
/>
<g fill="#5f7080">
<path
d="M135.881 242.317h8.595v67.801a7.5 7.5 0 0 0 15 0v-75.301a7.5 7.5 0 0 0-7.5-7.5h-16.095a7.5 7.5 0 0 0 0 15zM273.353 234.817a7.5 7.5 0 0 0 7.5 7.5h8.595v67.801c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-75.301a7.5 7.5 0 0 0-7.5-7.5h-16.095a7.5 7.5 0 0 0-7.5 7.5zM335.617 232.43l-5.604 33.829a7.5 7.5 0 0 0 2.977 7.267 7.52 7.52 0 0 0 7.841.635c.062-.031.283-.14.639-.3 3.092-1.392 5.57-2.304 11.619-2.304 4.298 0 8.298 1.72 11.263 4.842 2.962 3.12 4.471 7.213 4.246 11.525-.419 8.075-7.089 14.527-15.185 14.69-7.839.172-14.62-5.581-15.705-13.352a15.854 15.854 0 0 1-.149-2.176c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5c0 1.423.099 2.853.294 4.249 2.104 15.086 15.045 26.283 30.238 26.282.207 0 .417-.002.625-.006 15.92-.321 29.037-13.02 29.862-28.91.439-8.46-2.525-16.497-8.349-22.63-5.74-6.047-13.811-9.515-22.141-9.515-2.378 0-4.45.114-6.318.332l2.606-15.732h21.933c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-28.292a7.5 7.5 0 0 0-7.4 6.274zM181.354 256.236a7.5 7.5 0 0 0 8.805-5.914c1.079-5.493 5.936-9.479 11.547-9.479 6.349 0 11.54 5.053 11.761 11.349l-.252 1.978c-.963 3.858-3.237 8.365-6.763 13.402-11.939 17.059-19.065 26.389-22.894 31.402-4.765 6.239-6.547 8.573-5.249 12.796.755 2.456 2.619 4.341 5.112 5.172.989.33 2.073.692 16.699.692 5.713 0 13.493-.055 24.139-.189 4.142-.052 7.457-3.452 7.405-7.594s-3.449-7.462-7.594-7.405c-8.429.106-17.405.171-24.447.173 4.241-5.636 10.427-14.03 19.117-26.445 4.735-6.766 7.819-13.143 9.167-18.953.057-.246.102-.494.133-.745l.372-2.913c.041-.315.061-.632.061-.95 0-14.76-12.008-26.768-26.768-26.768-12.762 0-23.809 9.079-26.266 21.588a7.5 7.5 0 0 0 5.915 8.803z"
/>
<circle cx="255.266" cy="287.939" r="7.5" />
<circle cx="255.266" cy="256.03" r="7.5" />
</g>
<g fill="#fff">
<ellipse cx="172.435" cy="184.574" rx="30.834" ry="24.555" />
<ellipse cx="339.565" cy="184.574" rx="30.834" ry="24.555" />
</g>
<g fill="#5f7080">
<path
d="M190.405 168.135a7.5 7.5 0 0 0 7.5-7.5v-12a7.5 7.5 0 0 0-15 0v12c0 4.143 3.357 7.5 7.5 7.5zM256 175.941a30.437 30.437 0 0 0 22.949-10.451 7.5 7.5 0 0 0-11.309-9.855c-2.938 3.372-7.182 5.306-11.64 5.306s-8.701-1.934-11.639-5.306a7.5 7.5 0 0 0-11.309 9.855A30.438 30.438 0 0 0 256 175.941zM310.006 167.801a7.5 7.5 0 0 0 7.5-7.5c0-3.532 2.873-6.406 6.405-6.406s6.406 2.874 6.406 6.406c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5c0-11.803-9.603-21.406-21.406-21.406s-21.405 9.603-21.405 21.406a7.5 7.5 0 0 0 7.5 7.5z"
/>
</g>
</svg>
More icons in the same style and category