Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, wall 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;
}
.st150 {
fill: #ffd7b3;
}
</style>
<g id="Flat_Gradient">
<linearGradient
id="SVGID_1_"
x1="4.679"
x2="19.321"
y1="4.679"
y2="19.321"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<circle cx="12" cy="12" r="10.353" fill="url(#SVGID_1_)" />
<linearGradient
id="SVGID_00000010292006275749848640000013967795165704946362_"
x1="11.353"
x2="12.647"
y1="2.294"
y2="2.294"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M11.353 1.647h1.294v1.294h-1.294z"
fill="url(#SVGID_00000010292006275749848640000013967795165704946362_)"
/>
<linearGradient
id="SVGID_00000057120763627761282300000008096777295881787318_"
x1="11.353"
x2="12.647"
y1="21.706"
y2="21.706"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M11.353 21.059h1.294v1.294h-1.294z"
fill="url(#SVGID_00000057120763627761282300000008096777295881787318_)"
/>
<linearGradient
id="SVGID_00000116913485874250624750000000140737798958367654_"
x1="21.059"
x2="22.353"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M21.059 11.353h1.294v1.294h-1.294z"
fill="url(#SVGID_00000116913485874250624750000000140737798958367654_)"
/>
<linearGradient
id="SVGID_00000121247538843311364120000013480399839153863843_"
x1="1.647"
x2="2.941"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M1.647 11.353h1.294v1.294H1.647z"
fill="url(#SVGID_00000121247538843311364120000013480399839153863843_)"
/>
<linearGradient
id="SVGID_00000147915676320369214600000002653520015993951163_"
x1="7.66"
x2="12.647"
y1="12.229"
y2="12.229"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="m8.575 16.34-.915-.915 3.693-3.693V8.118h1.294v4.15z"
fill="url(#SVGID_00000147915676320369214600000002653520015993951163_)"
/>
</g>
</svg>
More icons in the same style and category