Add icons to this collection by clicking the heart icon.
Timer icon - also known as time, date, stopwatch, timer, 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="6.06"
x2="17.94"
y1="6.63"
y2="18.509"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<circle cx="12" cy="12.569" r="8.4" fill="url(#SVGID_1_)" />
<linearGradient
id="SVGID_00000155131504472942769600000018264965744337852842_"
x1="10.8"
x2="13.2"
y1="8.369"
y2="10.769"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M11.4 7.769h1.2v3.6h-1.2z"
fill="url(#SVGID_00000155131504472942769600000018264965744337852842_)"
/>
<linearGradient
id="SVGID_00000073710817714410321540000002010941268651236996_"
x1="10.728"
x2="13.272"
y1="11.297"
y2="13.842"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path
d="M12 14.369c-.993 0-1.8-.807-1.8-1.8s.807-1.8 1.8-1.8 1.8.807 1.8 1.8-.807 1.8-1.8 1.8zm0-2.4a.601.601 0 0 0 0 1.2.601.601 0 0 0 0-1.2z"
fill="url(#SVGID_00000073710817714410321540000002010941268651236996_)"
/>
<linearGradient
id="SVGID_00000000932445246018134400000008276951751488349629_"
x1="10.5"
x2="13.5"
y1=".957"
y2="3.957"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<path
d="M9.6 1.857h4.8v1.2H9.6z"
fill="url(#SVGID_00000000932445246018134400000008276951751488349629_)"
/>
</g>
</svg>
More icons in the same style and category