Add icons to this collection by clicking the heart icon.
Timer icon - also known as time, date, count, stopwatch, timer, and time and date. Created in a clean detailed outline style with a silver, teal, and pink finish, 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"
>
<linearGradient
id="d"
x1="6.06"
x2="17.94"
y1="7.26"
y2="19.14"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf1b" />
<stop offset="1" stop-color="#ff881b" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd7b3" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="11.4"
x2="12.6"
y1="10.2"
y2="10.2"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff7d9" />
<stop offset="1" stop-color="#ff9c41" />
</linearGradient>
<linearGradient
id="f"
x1="11.1"
x2="12.9"
y1="2.7"
y2="4.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="10.5"
x2="13.5"
y1=".9"
y2="3.9"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="18.176"
x2="19.024"
y1="4.976"
y2="5.824"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="4.8"
x2="6"
y1="4.8"
y2="6"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="10.2"
x2="13.8"
y1="13.2"
y2="13.2"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffcda5" />
<stop offset="1" stop-color="#ee4d5f" />
</linearGradient>
<linearGradient
id="k"
x1="5.639"
x2="18.361"
y1="6.839"
y2="19.561"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="10.8"
x2="13.2"
y1="9"
y2="11.4"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="11.1"
x2="12.9"
y1="2.7"
y2="4.5"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="10.5"
x2="13.5"
y1=".9"
y2="3.9"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="18.176"
x2="19.024"
y1="4.976"
y2="5.824"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="4.8"
x2="6"
y1="4.8"
y2="6"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="10.728"
x2="13.272"
y1="11.928"
y2="14.472"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
d="M12 22.2c-4.963 0-9-4.037-9-9s4.037-9 9-9 9 4.037 9 9-4.037 9-9 9zm0-16.8c-4.301 0-7.8 3.499-7.8 7.8S7.699 21 12 21s7.8-3.499 7.8-7.8-3.499-7.8-7.8-7.8z"
/>
<path
d="M11.4 8.4h1.2V12h-1.2zM9.6 1.8h4.8V3H9.6zM17.573 5.578l1.2-1.2.848.848-1.2 1.2zM4.374 5.224l.849-.848 1.2 1.2-.85.848z"
/>
<path
d="M11.4 2.4h1.2v2.4h-1.2zM12 15c-.993 0-1.8-.807-1.8-1.8s.807-1.8 1.8-1.8 1.8.807 1.8 1.8S12.993 15 12 15zm0-2.4a.6.6 0 1 0 .001 1.201A.6.6 0 0 0 12 12.6z"
/>
</svg>
More icons in the same style and category