Add icons to this collection by clicking the heart icon.
Smart Clock icon - also known as clock, time, alarm clock, timer, electronics, and smart clock. 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 512 512"
>
<linearGradient
id="a"
x1="160"
x2="160"
y1="4.841"
y2="521.15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient id="b" x1="56" x2="56" y1="4.841" y2="521.15" href="#a" />
<linearGradient
id="c"
x1="280"
x2="280"
y1="4.841"
y2="521.15"
gradientTransform="rotate(45 280.098 384.003)"
href="#a"
/>
<linearGradient
id="d"
x1="320"
x2="320"
y1="4.841"
y2="521.15"
gradientTransform="rotate(45 320.102 383.997)"
href="#a"
/>
<linearGradient
id="e"
x1="360"
x2="360"
y1="4.841"
y2="521.15"
gradientTransform="rotate(45 360.108 383.99)"
href="#a"
/>
<linearGradient id="f" x1="256" x2="256" y1="4.841" y2="521.15" href="#a" />
<linearGradient id="g" x1="108" x2="108" y1="4.841" y2="521.15" href="#a" />
<linearGradient id="h" x1="328" x2="328" y1="4.841" y2="521.15" href="#a" />
<linearGradient id="i" x1="292" x2="292" y1="4.841" y2="521.15" href="#a" />
<linearGradient id="j" x1="340" x2="340" y1="4.841" y2="521.15" href="#a" />
<linearGradient id="k" x1="388" x2="388" y1="4.841" y2="521.15" href="#a" />
<linearGradient id="l" x1="192" x2="192" y1="4.841" y2="521.15" href="#a" />
<linearGradient id="m" x1="224" x2="224" y1="4.841" y2="521.15" href="#a" />
<path fill="url(#a)" d="M152 280h16v16h-16zM152 328h16v16h-16z" />
<path fill="url(#b)" d="M48 264h16v96H48z" />
<path
fill="url(#c)"
d="M268.686 376h22.627v16h-22.627z"
transform="rotate(-45 279.974 384.094)"
/>
<path
fill="url(#d)"
d="M308.686 376h22.627v16h-22.627z"
transform="rotate(-45 319.98 384.1)"
/>
<path
fill="url(#e)"
d="M348.686 376h22.627v16h-22.627z"
transform="rotate(-45 359.984 384.107)"
/>
<g fill="url(#f)">
<path
d="M301.255 114.745a64 64 0 0 0-90.51 0l11.315 11.314a47.999 47.999 0 0 1 67.88 0z"
/>
<path
d="m233.373 137.372 11.313 11.315a16 16 0 0 1 22.628 0l11.313-11.315a32.001 32.001 0 0 0-45.254 0zM256 80a79.474 79.474 0 0 1 56.568 23.431l11.315-11.313a96.002 96.002 0 0 0-135.766 0l11.315 11.313A79.474 79.474 0 0 1 256 80zM456 176H56a40.046 40.046 0 0 0-40 40v192a40.046 40.046 0 0 0 40 40h400a40.046 40.046 0 0 0 40-40V216a40.046 40.046 0 0 0-40-40zm-40 232a24.027 24.027 0 0 1-24 24H56a24.027 24.027 0 0 1-24-24V216a24.027 24.027 0 0 1 24-24h336a24.027 24.027 0 0 1 24 24zm64 0a24.027 24.027 0 0 1-24 24h-32.022A39.79 39.79 0 0 0 432 408V216a39.79 39.79 0 0 0-8.022-24H456a24.027 24.027 0 0 1 24 24z"
/>
</g>
<path
fill="url(#g)"
d="M112 264h-8a24.027 24.027 0 0 0-24 24v48a24.027 24.027 0 0 0 24 24h8a24.027 24.027 0 0 0 24-24v-48a24.027 24.027 0 0 0-24-24zm8 72a8.01 8.01 0 0 1-8 8h-8a8.01 8.01 0 0 1-8-8v-48a8.01 8.01 0 0 1 8-8h8a8.01 8.01 0 0 1 8 8z"
/>
<path
fill="url(#h)"
d="M368 296c-.269 0-.534.014-.801.02a40.003 40.003 0 0 0-78.398 0c-.267-.006-.532-.02-.801-.02a32 32 0 0 0 0 64h80a32 32 0 0 0 0-64zm0 48h-80a16 16 0 1 1 16-16h16a32.01 32.01 0 0 0-15.737-27.543 24 24 0 0 1 47.474 0A32.01 32.01 0 0 0 336 328h16a16 16 0 1 1 16 16z"
/>
<path fill="url(#i)" d="M280 216h24v16h-24z" />
<path fill="url(#j)" d="M328 216h24v16h-24z" />
<path fill="url(#k)" d="M376 216h24v16h-24z" />
<path fill="url(#l)" d="M184 264h16v96h-16z" />
<path fill="url(#m)" d="M216 264h16v96h-16z" />
</svg>
More icons in the same style and category