Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as time, date, alarm clock, minus, and time and date. Created in a clean flat 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 24 24"
>
<style>
.st0 {
display: none;
}
.st1 {
fill: #008eca;
}
.st1,
.st2 {
display: inline;
}
.st3 {
fill: #008eca;
}
.st149 {
display: inline;
}
.st149,
.st150 {
fill: #ffd7b3;
}
</style>
<g id="Flat_Gradient">
<linearGradient
id="SVGID_1_"
x1="15.569"
x2="18.96"
y1="3.792"
y2="7.184"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="M18.024 8.014A2.394 2.394 0 0 0 19.2 5.95c0-1.32-1.08-2.4-2.4-2.4a2.408 2.408 0 0 0-2.28 1.656l3.504 2.808z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_00000075160934484037545200000001226724207203417247_"
x1="5.504"
x2="7.967"
y1="4.256"
y2="6.719"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="M5.976 8.014A2.394 2.394 0 0 1 4.8 5.95c0-1.32 1.08-2.4 2.4-2.4 1.056 0 1.968.696 2.28 1.656L5.976 8.014z"
fill="url(#SVGID_00000075160934484037545200000001226724207203417247_)"
/>
<linearGradient
id="SVGID_00000036243976261196861960000015841322212823976873_"
x1="4.376"
x2="5.224"
y1="18.726"
y2="19.575"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="m4.024 20.775-.848-.849 2.4-2.4.848.849z"
fill="url(#SVGID_00000036243976261196861960000015841322212823976873_)"
/>
<linearGradient
id="SVGID_00000178187446641492097860000012770000774286308002_"
x1="18"
x2="20.4"
y1="17.95"
y2="20.35"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="m19.976 20.775-2.4-2.4.848-.849 2.4 2.4z"
fill="url(#SVGID_00000178187446641492097860000012770000774286308002_)"
/>
<linearGradient
id="SVGID_00000125560877359171574680000008125833806411063708_"
x1="6.06"
x2="17.94"
y1="6.523"
y2="18.402"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<circle
cx="12"
cy="12.462"
r="8.4"
fill="url(#SVGID_00000125560877359171574680000008125833806411063708_)"
/>
<linearGradient
id="SVGID_00000103241447110155547920000007546278842089870476_"
x1="9.9"
x2="14.1"
y1="10.45"
y2="14.65"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M8.4 11.95h7.2v1.2H8.4z"
fill="url(#SVGID_00000103241447110155547920000007546278842089870476_)"
/>
</g>
</svg>
More icons in the same style and category