Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as clock, time, digital, time management, mobile, alert, alarm clock, and time and date. Created in a clean flat style with a silver, gray, orange, 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"
>
<linearGradient
id="a"
x1="-729.966"
x2="-355.338"
y1="-5229.618"
y2="-4854.991"
gradientTransform="rotate(-90 2505.826 -2792.478)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#dcdce3" />
<stop offset="1" stop-color="#ededf1" />
</linearGradient>
<linearGradient
id="b"
x1="-731.966"
x2="-357.338"
y1="-5235.618"
y2="-4860.991"
gradientTransform="rotate(-90 2505.826 -2792.478)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".011" stop-color="#606082" />
<stop offset="1" stop-color="#83839e" />
</linearGradient>
<g>
<g>
<rect
width="496"
height="272"
x="8"
y="120"
fill="url(#a)"
rx="16"
/>
<path fill="url(#b)" d="M63.956 120h376.087v272H63.956z" />
<g fill="#9595ac">
<path
d="M472.021 284.913a12 12 0 0 1-12-12v-34.957a12 12 0 1 1 24 0v34.957a12 12 0 0 1-12 12z"
/>
<circle cx="39.804" cy="256" r="12" />
</g>
</g>
<g fill="#80d1cb">
<circle cx="204" cy="228" r="12" />
<circle cx="204" cy="284" r="12" />
<path
d="M156 192h-56a12 12 0 0 0-12 12v104a12 12 0 0 0 12 12h56a12 12 0 0 0 12-12V204a12 12 0 0 0-12-12zm-12 104h-32v-28h32zm0-52h-32v-28h32zM404 192a12 12 0 0 0-12 12v36h-32v-36a12 12 0 0 0-24 0v48a12 12 0 0 0 12 12h44v44a12 12 0 0 0 24 0V204a12 12 0 0 0-12-12zM300 192h-56a12 12 0 0 0 0 24h44v28h-44a12 12 0 0 0 0 24h44v28h-44a12 12 0 0 0 0 24h56a12 12 0 0 0 12-12V204a12 12 0 0 0-12-12z"
/>
</g>
<path
fill="#f9cd55"
d="M278.6 92a11.961 11.961 0 0 1-8.49-3.52 19.943 19.943 0 0 0-28.228 0 12 12 0 0 1-16.98-16.962 43.942 43.942 0 0 1 62.188 0A12 12 0 0 1 278.6 92z"
/>
<path
fill="#fada7f"
d="M312.51 58.059a11.962 11.962 0 0 1-8.489-3.519 67.859 67.859 0 0 0-96.042 0A12 12 0 0 1 191 37.577a91.861 91.861 0 0 1 130 0 12 12 0 0 1-8.49 20.482z"
/>
<path
fill="#f9cd55"
d="M256 453.373a43.661 43.661 0 0 1-31.094-12.892 12 12 0 0 1 16.98-16.962 19.943 19.943 0 0 0 28.228 0 12 12 0 0 1 16.98 16.96A43.66 43.66 0 0 1 256 453.373z"
/>
<path
fill="#fada7f"
d="M256 501.373a91.28 91.28 0 0 1-65-26.95 12 12 0 0 1 16.979-16.963 67.859 67.859 0 0 0 96.042 0A12 12 0 0 1 321 474.423a91.28 91.28 0 0 1-65 26.95z"
/>
</g>
</svg>
More icons in the same style and category