Home/Libraries/Solar (Iconify)/watch-round-bold

Solar (Iconify)

WatchRoundBold

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"><path fill="#818cf8" fill-rule="evenodd" d="M12 18.977c3.866 0 7-3.124 7-6.977s-3.134-6.977-7-6.977S5 8.147 5 12s3.134 6.977 7 6.977M12 8.44c.387 0 .7.312.7.698v2.565l1.652 1.583a.696.696 0 0 1 .02.987a.7.7 0 0 1-.99.019l-1.867-1.79A.7.7 0 0 1 11.3 12V9.138c0-.386.313-.698.7-.698" clip-rule="evenodd"/><path fill="#818cf8" d="M9.858 2.074C10.414 2 11.113 2 11.951 2h.098c.838 0 1.537 0 2.093.074c.585.079 1.115.252 1.54.675s.598.951.677 1.535q.035.272.052.59A8.4 8.4 0 0 0 12 3.628a8.4 8.4 0 0 0-4.41 1.246q.015-.318.051-.59c.079-.584.252-1.111.677-1.535s.955-.596 1.54-.675m5.824 19.176c.425-.423.598-.95.677-1.534q.035-.272.052-.59A8.4 8.4 0 0 1 12 20.373a8.4 8.4 0 0 1-4.41-1.245q.015.317.051.589c.079.584.252 1.111.677 1.535s.955.596 1.54.675c.556.074 1.255.074 2.093.074h.098c.838 0 1.537 0 2.093-.074c.585-.079 1.115-.252 1.54-.675"/></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. WatchRoundBoldIcon.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.