Home/Libraries/Freehand free icons (Iconify)/time-stopwatch

Freehand free icons (Iconify)

TimeStopwatch

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M18.756 7.534a8 8 0 0 0-1.088-.789q.23-.137.429-.319a4 4 0 0 0 .3-.439s.319-.499.329-.529l.13.09c.309.2.628.36.917.579a.342.342 0 1 0 .49-.48a8 8 0 0 0-.73-.937a3 3 0 0 0-.787-.609a4.8 4.8 0 0 0-1.128-.409a.3.3 0 0 0-.41.13a.32.32 0 0 0 .13.409c.22.17.45.459.779.768h.07q-.24.099-.45.25a2.7 2.7 0 0 0-.438.309q-.175.2-.31.429l-.16.3a12 12 0 0 0-3.212-.999c.12 0 .1-.349.12-.429a2 2 0 0 0 .07-.359a2 2 0 0 0 0-.539a8 8 0 0 0-.25-.997c.399 0 .808 0 1.257-.07c.352-.02.694-.122.998-.3a1 1 0 0 0 .38-.997a1.26 1.26 0 0 0-.53-.889A4 4 0 0 0 13.996.23A22 22 0 0 0 11.322 0a8.3 8.3 0 0 0-1.866.21a9 9 0 0 0-.898.21q-.238.068-.45.199a1.68 1.68 0 0 0-.797 1.746a1.1 1.1 0 0 0 1.137.808l1.806-.18v.08l-.12.4c0 .11-.06.209-.07.319q-.03.254 0 .509q.045.294.16.568v.16q-.611.027-1.217.12a7.5 7.5 0 0 0-2.764.998l-.09-.17a4 4 0 0 0-.29-.4a3.4 3.4 0 0 0-.438-.298l-.21-.1l.08-.06c.36-.33.648-.709.998-1.118a.3.3 0 0 0-.143-.536a.3.3 0 0 0-.226.057c-.44.22-.829.38-1.198.599a4 4 0 0 0-.469.34q-.225.192-.429.408q-.449.526-.808 1.118a.35.35 0 0 0 0 .489a.36.36 0 0 0 .489 0c.369-.31.728-.529 1.048-.768c-.06.08.17.319.19.349q.125.22.278.419q.192.17.41.31a8.54 8.54 0 0 0-2.744 4.19a11.07 11.07 0 0 0 .868 8.561a9.25 9.25 0 0 0 5.987 4.092c2.375.604 4.878.468 7.174-.39a.34.34 0 0 0 .2-.439a.35.35 0 0 0-.45-.19a10.4 10.4 0 0 1-3.741.62q.075-.292.12-.59q.014-.165 0-.329q.021-.165 0-.329a5 5 0 0 0-.3-.778a.32.32 0 0 0-.33-.27a.3.3 0 0 0-.269.33c-.07.309-.16.509-.2.758q-.015.165 0 .33c0 .1 0 .209.05.329q.067.263.16.518a12.3 12.3 0 0 1-2.185-.369a10.1 10.1 0 0 1-3.223-1.467c.17-.12.34-.23.49-.349q.23-.187.418-.419a4 4 0 0 0 .48-.998a.29.29 0 0 0-.06-.419a.3.3 0 0 0-.42.05c-.24.18-.489.29-.728.47a2 2 0 0 0-.32.258a4 4 0 0 0-.239.3c-.11.18-.21.37-.32.569a6.5 6.5 0 0 1-1.446-1.787a10 10 0 0 1-1.118-4.18c.21.05.41.1.609.13q.3.036.599 0q.516-.086.997-.29a.29.29 0 0 0 .27-.32a.3.3 0 0 0-.32-.279c-.299-.06-.548-.17-.848-.23a2 2 0 0 0-.369 0a2.4 2.4 0 0 0-.379 0q-.309.05-.609.14a10.2 10.2 0 0 1 .48-2.754a8.2 8.2 0 0 1 1.406-2.544c.19.24.31.479.5.718q.113.146.259.26q.14.13.309.22q.392.242.818.418a.34.34 0 0 0 .48-.06a.35.35 0 0 0-.07-.478c-.21-.26-.35-.5-.54-.709a2.4 2.4 0 0 0-.429-.409a4.4 4.4 0 0 0-.997-.449a6.36 6.36 0 0 1 3.771-1.896a12.7 12.7 0 0 1 2.515-.15a1 1 0 0 0 0 .13a2 2 0 0 0 0 .37q-.015.189 0 .379c0 .279.14.558.23.878a.35.35 0 0 0 .369.319a.35.35 0 0 0 .319-.37c0-.318.14-.588.17-.867q.043-.295 0-.589a1 1 0 0 0 0-.18a10.35 10.35 0 0 1 4.869 1.737l-.16.1q-.15.112-.28.249a2.4 2.4 0 0 0-.229.3q-.243.39-.439.807a.341.341 0 0 0 .53.43c.259-.2.508-.33.728-.52q.228-.163.419-.369q.11-.158.2-.329a8.2 8.2 0 0 1 2.514 5.708c-.27-.06-.51-.16-.789-.21a2 2 0 0 0-.369 0a1.6 1.6 0 0 0-.379 0q-.456.075-.898.21a.35.35 0 0 0-.33.359a.35.35 0 0 0 .36.33c.33.05.599.149.878.179q.3.036.599 0c.32-.043.632-.13.928-.26q.015.916-.07 1.826a7.1 7.1 0 0 1-.928 2.904q-.24.384-.519.738a.26.26 0 0 0-.1-.11c-.21-.259-.349-.498-.539-.708a2.4 2.4 0 0 0-.429-.409a4 4 0 0 0-.997-.449a.31.31 0 0 0-.43.06a.32.32 0 0 0 .07.43c.19.238.31.478.5.707q.11.154.259.27q.143.125.309.22q.394.24.818.418l.1.05a7.6 7.6 0 0 1-1.167.998a.303.303 0 0 0 .329.51a7.5 7.5 0 0 0 2.345-2.336a8 8 0 0 0 1.117-3.123c.619-4.65-.758-7.613-2.893-9.43M8.179 2.056a.76.76 0 0 1 .429-.55a1 1 0 0 1 .339-.109c.25 0 .499-.07.748-.11a8 8 0 0 1 1.627-.14q1.282.03 2.554.2q.508.025.998.16c.18.06.38.12.41.31c.03.189 0 .089-.09.109q-.215.07-.44.1c-.628.09-1.187.15-1.736.2c-1.996.169-3.612.129-4.49.129c-.26-.02-.36-.15-.35-.3m2.853 2.993l.06-.21c0-.14.07-.249.1-.389q.015-.13 0-.26a5 5 0 0 0-.08-.678c0-.538 0-.538 1.637-.499a6 6 0 0 0-.1.829a3 3 0 0 0 0 .519c0 .17.09.319.12.478c.03.16 0 .19.06.32a15 15 0 0 0-1.827-.11z"/><path d="M10.573 15.017a1.6 1.6 0 0 0 .819 1.597a1.79 1.79 0 0 0 1.816-.36c1.347-1.177 0-2.284-.36-2.504a1.5 1.5 0 0 0-1.147-.13c-.19-.419-.36-.828-.559-1.217c-.11-.21-.23-.4-.349-.589c-.12-.19-.27-.379-.41-.548a14 14 0 0 0-1.097-1.218a.34.34 0 0 0-.604.155a.34.34 0 0 0 .065.254c.23.4.45.878.739 1.397q.15.306.34.589q.18.292.398.559c.26.329.559.638.868.998a1.65 1.65 0 0 0-.519 1.017m1.946-.558c.34.11.998.558.15 1.077a.73.73 0 0 1-.759.08c-.18-.09-.209-.32-.199-.519c.01-.2 0-.459.26-.539a.62.62 0 0 1 .548-.1"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TimeStopwatchIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.