Home/Libraries/Noto Emoji (v1) (Iconify)/stopwatch

Noto Emoji (v1) (Iconify)

Stopwatch

License: Apache-2.0Commercial Safe

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 128 128"><path fill="#818cf8" d="m90.007 16.411l3.95-6.841l9.327 5.385l-3.95 6.841zm-1.009 5.09l2.425-4.2l6.062 3.5l-2.425 4.2zM54.03 0h19.94v7.98H54.03zM58 8h12v11H58z"/><circle cx="64" cy="70.05" r="57" fill="#818cf8"/><path fill="#818cf8" d="M64 114.85c-24.7 0-44.8-20.09-44.8-44.8c0-24.7 20.09-44.79 44.8-44.79c24.7 0 44.79 20.1 44.79 44.79c.01 24.71-20.09 44.8-44.79 44.8"/><path fill="#818cf8" d="M64 20.48c-27.34 0-49.58 22.25-49.58 49.58c0 27.34 22.24 49.58 49.58 49.58s49.58-22.24 49.58-49.58S91.34 20.48 64 20.48m0 94.37c-24.7 0-44.8-20.09-44.8-44.8c0-24.7 20.09-44.79 44.8-44.79c24.7 0 44.79 20.1 44.79 44.79c.01 24.71-20.09 44.8-44.79 44.8"/><path fill="#818cf8" d="M68.63 64.08V43.54h-1.06V31.98c0-1.54-1.25-2.79-2.79-2.79h-1.57c-1.54 0-2.79 1.25-2.79 2.79v11.56h-1.06v20.54c-2.17 1.68-3.43 4.48-2.79 7.56c.61 2.94 2.98 5.3 5.93 5.86c4.84.92 9.08-2.76 9.08-7.45c.01-2.44-1.16-4.58-2.95-5.97m-7.01 7.56c-.05-.08-.09-.17-.13-.25c-.22-.4-.35-.85-.35-1.34c0-.48.13-.94.35-1.34c.48-.9 1.42-1.52 2.51-1.52s2.03.63 2.51 1.53c.21.4.35.85.35 1.33c0 .49-.13.94-.35 1.34c-.04.09-.08.18-.13.25c-.31.46-.74.82-1.25 1.04c-.01.01-.03.01-.04.02c-.33.13-.7.21-1.08.21c-.39 0-.75-.08-1.08-.21c-.01-.01-.03-.01-.04-.02c-.53-.22-.96-.58-1.27-1.04"/><circle cx="102.74" cy="70.06" r="2.86" fill="#818cf8"/><path fill="#818cf8" d="M98.98 53.16a2.87 2.87 0 0 0 1.05-3.91a2.87 2.87 0 0 0-3.9-1.05a2.87 2.87 0 0 0-1.05 3.91a2.85 2.85 0 0 0 3.9 1.05M84.8 34.03a2.85 2.85 0 0 0-3.9 1.05a2.853 2.853 0 0 0 1.05 3.9c1.37.79 3.12.32 3.9-1.05a2.85 2.85 0 0 0-1.05-3.9m-41.6-.01a2.86 2.86 0 0 0-1.05 3.9a2.85 2.85 0 0 0 3.9 1.05a2.847 2.847 0 0 0 1.04-3.9a2.854 2.854 0 0 0-3.89-1.05"/><circle cx="30.45" cy="50.68" r="2.86" fill="#818cf8" transform="rotate(-60.007 30.447 50.681)"/><circle cx="25.26" cy="70.05" r="2.86" fill="#818cf8"/><path fill="#818cf8" d="M29.02 86.95a2.87 2.87 0 0 0-1.05 3.9a2.853 2.853 0 0 0 3.9 1.05a2.85 2.85 0 0 0 1.05-3.9a2.86 2.86 0 0 0-3.9-1.05"/><circle cx="44.63" cy="103.61" r="2.86" fill="#818cf8" transform="rotate(-60.007 44.629 103.607)"/><circle cx="64" cy="108.8" r="2.86" fill="#818cf8"/><circle cx="83.37" cy="103.61" r="2.86" fill="#818cf8" transform="rotate(-29.991 83.37 103.603)"/><ellipse cx="97.55" cy="89.43" fill="#818cf8" rx="2.85" ry="2.86" transform="rotate(-59.974 97.546 89.428)"/></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. StopwatchIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.