Add icons to this collection by clicking the heart icon.
Stopwatch icon - also known as interface, clock, time, hour, wait, stopwatch, chronometer, watch, ui, and timer. Created in a clean flat gradient style with a 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#3f4e5e" />
<stop offset="1" stop-color="#303b47" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 47.335 -47.335 0 92 204.332)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#dedbd7" />
<stop offset="1" stop-color="#b8b5b2" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 40 -40 0 96 208)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 16 -16 0 96 216)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3d65" />
<stop offset="1" stop-color="#e6375a" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2 -2 0 111 226)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(120 -17.527 149.874) scale(2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-2.143) rotate(-30.01 -229.68 20.4)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-2 0 0 -2 80 227)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-1.856 -1.072 1.072 -1.856 79.866 227.5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-120 105.529 90.985) scale(2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2 -2 0 79 226)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(120 -25.487 136.09) scale(2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(150 9.66 123.932) scale(2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-150 68.341 111.07) scale(2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-120 97.487 104.913) scale(2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 96 196)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 10 -10 0 79 203)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 9.505 9.505 0 79 203)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#b8b5b2" />
<stop offset="1" stop-color="#8f8d8b" />
</linearGradient>
<linearGradient
id="u"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 5 -5 0 78.828 208)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4.506 4.506 0 78.828 208)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 96 200)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g transform="translate(-64 -192)">
<circle
cx="92"
cy="228"
r="24"
fill="url(#d)"
transform="translate(4)"
/>
<circle cx="96" cy="228" r="20" fill="url(#e)" />
<path
fill="url(#f)"
d="M95.435 216.426a.598.598 0 0 1 1.122.004C97.656 219.304 100 225.703 100 228c0 2.208-1.792 4-4 4s-4-1.792-4-4c0-2.449 2.332-8.737 3.435-11.574z"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#g)"
transform="translate(1 1)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#h)"
transform="rotate(-30 97.354 225.635)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#i)"
transform="rotate(-60 96.365 226.64)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#j)"
transform="rotate(-90 96 227)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#k)"
transform="rotate(-120 95.786 227.214)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#l)"
transform="rotate(-150 95.636 227.369)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="#dedbd7"
transform="translate(17 1)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#m)"
transform="translate(33 1)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#n)"
transform="rotate(-30 81.356 165.924)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#o)"
transform="rotate(-60 80.365 198.927)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#j)"
transform="rotate(-90 80 211)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#p)"
transform="rotate(-120 79.786 217.977)"
/>
<circle
cx="79"
cy="227"
r="1"
fill="url(#q)"
transform="rotate(-150 79.636 223.081)"
/>
<path
fill="url(#r)"
d="M104 198a2 2 0 0 0-2-2H90a2 2 0 1 0 0 4h12a2 2 0 0 0 2-2z"
/>
<path
fill="url(#s)"
d="m74.414 212.414 6-6a2 2 0 1 0-2.828-2.828l-6 6a2 2 0 1 0 2.828 2.828z"
/>
<path
fill="url(#t)"
d="m74.414 212.414 6-6a2 2 0 1 0-2.828-2.828l-6 6a2 2 0 1 0 2.828 2.828z"
transform="matrix(-1 0 0 1 192 0)"
/>
<path
fill="url(#u)"
d="M77.677 212.506 76 210.828 78.828 208l1.678 1.677a24.149 24.149 0 0 0-2.829 2.829z"
/>
<path
fill="url(#v)"
d="M77.677 212.506 76 210.828 78.828 208l1.678 1.677a24.149 24.149 0 0 0-2.829 2.829z"
transform="matrix(-1 0 0 1 192 0)"
/>
<path
fill="url(#w)"
d="M100 204.332a24.18 24.18 0 0 0-8 0V200h8z"
/>
</g>
</g>
</svg>
More icons in the same style and category