Add icons to this collection by clicking the heart icon.
Alarm Clock icon - also known as time, date, alarm clock, 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;
}
.st2 {
display: inline;
}
.st3 {
fill: #008eca;
}
.st149 {
display: inline;
}
.st149,
.st150 {
fill: #ffd7b3;
}
</style>
<g id="Flat_Gradient">
<linearGradient
id="SVGID_1_"
x1="14.908"
x2="20.308"
y1="5.075"
y2="5.075"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="M18.951 7.651a2.763 2.763 0 0 0 1.357-2.382A2.777 2.777 0 0 0 17.539 2.5a2.779 2.779 0 0 0-2.631 1.911l4.043 3.24z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_00000143618993734127536680000008695282032408226954_"
x1="3.692"
x2="9.092"
y1="5.075"
y2="5.075"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="M5.049 7.651a2.763 2.763 0 0 1-1.357-2.382A2.777 2.777 0 0 1 6.461 2.5c1.218 0 2.271.803 2.631 1.911l-4.043 3.24z"
fill="url(#SVGID_00000143618993734127536680000008695282032408226954_)"
/>
<linearGradient
id="SVGID_00000114758814466772210080000010643024191251336324_"
x1="6.126"
x2="17.874"
y1="6.318"
y2="18.067"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<circle
cx="12"
cy="12.192"
r="8.308"
fill="url(#SVGID_00000114758814466772210080000010643024191251336324_)"
/>
<linearGradient
id="SVGID_00000056401881854003978650000002294980225655499675_"
x1="8.721"
x2="12.692"
y1="12.427"
y2="12.427"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="m9.741 15.43-1.02-.937 2.587-2.815V9.423h1.384v2.794z"
fill="url(#SVGID_00000056401881854003978650000002294980225655499675_)"
/>
<linearGradient
id="SVGID_00000025435871773507782260000012522388649622572985_"
x1="4.587"
x2="6.951"
y1="19.808"
y2="19.808"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="m5.566 20.989-.979-.978 1.385-1.385.979.979z"
fill="url(#SVGID_00000025435871773507782260000012522388649622572985_)"
/>
<linearGradient
id="SVGID_00000015355195279398252010000012059386434071072935_"
x1="17.049"
x2="19.413"
y1="19.808"
y2="19.808"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="m18.434 20.989-1.385-1.384.979-.979 1.385 1.385z"
fill="url(#SVGID_00000015355195279398252010000012059386434071072935_)"
/>
</g>
</svg>
More icons in the same style and category