Add icons to this collection by clicking the heart icon.
Stopwatch icon - also known as stopwatch, chronometer, 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 48 48"
>
<linearGradient
id="a"
x1="24"
x2="24"
y1="5.911"
y2="7.946"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3e4154" />
<stop offset="1" stop-color="#1b2129" />
</linearGradient>
<linearGradient
id="c"
x1="40.045"
x2="37.489"
y1="10.956"
y2="13.512"
href="#a"
/>
<linearGradient
id="d"
x1="7.973"
x2="10.476"
y1="10.973"
y2="13.476"
href="#a"
/>
<linearGradient
id="b"
x1="24"
x2="24"
y1="7.786"
y2="46.036"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4793eb" />
<stop offset="1" stop-color="#2367ec" />
</linearGradient>
<linearGradient
id="e"
x1="24"
x2="24"
y1="11"
y2="43.474"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#edf1f2" />
</linearGradient>
<linearGradient id="f" x1="24" x2="24" y1="2.161" y2="6.019" href="#b" />
<linearGradient id="g" x2="24" y1="12.714" y2="40.464" href="#a" />
<linearGradient id="h" x1="36" x2="36" y1="12.714" y2="40.464" href="#a" />
<linearGradient id="i" x1="12" x2="12" y1="12.714" y2="40.464" href="#a" />
<linearGradient
id="j"
x1="32.485"
x2="32.485"
y1="12.714"
y2="40.464"
href="#a"
/>
<linearGradient
id="k"
x1="15.515"
x2="15.515"
y1="12.714"
y2="40.464"
href="#a"
/>
<linearGradient
id="l"
x1="24.722"
x2="24.722"
y1="17.83"
y2="29.723"
href="#a"
/>
<path
fill="url(#a)"
d="M24 10a1 1 0 0 1-1-1V6a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="m41.764 12.237-3-3a1 1 0 1 0-1.414 1.414l.792.793-2.121 2.121a1 1 0 1 0 1.414 1.414l2.122-2.121.793.793a1 1 0 0 0 1.414-1.414z"
/>
<path
fill="url(#d)"
d="m9.858 11.444.792-.793a1 1 0 1 0-1.414-1.414l-3 3a1 1 0 1 0 1.414 1.414l.793-.793 2.122 2.121a1 1 0 0 0 1.414-1.414z"
/>
<circle cx="24" cy="27" r="19" fill="url(#b)" />
<circle cx="24" cy="27" r="16" fill="url(#e)" />
<path
fill="url(#f)"
d="M27 6h-6a2 2 0 0 1-2-2 2 2 0 0 1 2-2h6a2 2 0 0 1 2 2 2 2 0 0 1-2 2z"
/>
<path
fill="url(#g)"
d="M24 17a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1zM24 41a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
opacity=".35"
/>
<path
fill="url(#h)"
d="M37 28h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
opacity=".35"
/>
<path
fill="url(#i)"
d="M13 28h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
opacity=".35"
/>
<path
fill="url(#j)"
d="M31.071 19.929a1 1 0 0 1 0-1.414l1.414-1.415a1 1 0 0 1 1.415 1.415l-1.414 1.414a1 1 0 0 1-1.415 0z"
opacity=".35"
/>
<path
fill="url(#k)"
d="M14.1 36.9a1 1 0 0 1 0-1.414l1.414-1.414a1 1 0 1 1 1.414 1.414L15.515 36.9a1 1 0 0 1-1.415 0z"
opacity=".35"
/>
<path
fill="url(#j)"
d="m32.485 36.9-1.414-1.414a1 1 0 1 1 1.414-1.414l1.415 1.413a1 1 0 0 1-1.415 1.415z"
opacity=".35"
/>
<path
fill="url(#k)"
d="M15.515 19.929 14.1 18.515a1 1 0 1 1 1.415-1.415l1.414 1.414a1 1 0 1 1-1.414 1.414z"
opacity=".35"
/>
<path
fill="url(#l)"
d="M27.827 17.761a1 1 0 0 0-1.306.541l-2.367 5.714c-.052 0-.1-.016-.154-.016a3.03 3.03 0 1 0 2 .781l2.367-5.713a1 1 0 0 0-.54-1.307zM24 28a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category