Home/Libraries/Freehand free icons (Iconify)/smart-watch-circle

Freehand free icons (Iconify)

SmartWatchCircle

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="M17.523 5.148c-.33-.24-.22 0-.35-.55a27 27 0 0 0-1.002-3.515a1.3 1.3 0 0 0-.39-.54c-.572-.381-6.59-1.002-7.3 0a22.5 22.5 0 0 0-1.582 4.375a8.82 8.82 0 0 0-1.572 13.187c3.404 3.665 9.232 3.234 12.626.61a.34.34 0 0 0-.41-.54c-3.144 2.333-8.481 2.633-11.485-.74A7.92 7.92 0 0 1 9.993 4.656a8.01 8.01 0 0 1 9.212 3.765a9.2 9.2 0 0 1 1.001 5.307c-.25 1.652-1.131 1.893-.68 2.223a.3.3 0 0 0 .42-.05c1.832-2.383 1.201-8.07-2.423-10.754m-9.773-.76C8.9 1.382 9.192 1.312 9.232 1.222a37 37 0 0 1 6.008.17c-.16-.09 0-.51 1.151 3.004a8.68 8.68 0 0 0-8.641-.01" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M16.401 20.468c-.6-.17-.35.801-1.312 2.203c-.33.09-5.867.43-6.057.15a18.5 18.5 0 0 1-1.142-2.343a.3.3 0 0 0-.56.2c.25.841.81 2.824 1.331 3.004c1.822.701 6.509.07 7.01-.25s.76-1.692 1-2.583a.36.36 0 0 0-.27-.381" clip-rule="evenodd"/><path fill="#818cf8" d="M11.505 5.629c0 .35 0 .68-.06 1.001v.5c-.055.266-.027.542.08.792a.69.69 0 0 0 .58.33a.65.65 0 0 0 .581-.33a.77.77 0 0 0 .1-.47V7.02l-.09-.511l-.2-.49v-.13c0 .09 0-.111 0 0v-.271a.5.5 0 0 0-.14-.33a.44.44 0 0 0-.36-.12a.47.47 0 0 0-.461.46zM16.24 7.22a10 10 0 0 1-.76.692l-.39.33c-.227.147-.402.36-.501.61a.68.68 0 0 0 .482.827a.65.65 0 0 0 .349-.005a.75.75 0 0 0 .39-.26a1 1 0 0 0 .13-.17l.13-.22l.291-.431c.1-.13.19-.27.28-.411a1 1 0 0 0 .08-.11c.05-.08-.06.07 0 0l.17-.21a.47.47 0 0 0-.03-.64a.48.48 0 0 0-.66-.001zm-9.251.632c.25.25.46.51.69.77l.361.401c.147.226.36.401.611.5a.7.7 0 0 0 .65-.17a.66.66 0 0 0 .171-.65a.8.8 0 0 0-.26-.4l-.17-.121l-.19-.16l-.421-.3l-.44-.27l-.111-.071c.07.06-.09-.06 0 0l-.21-.18a.48.48 0 0 0-.661 0a.48.48 0 0 0 0 .66zm10.343 8.531a10 10 0 0 1-.69-.761l-.331-.39a1.3 1.3 0 0 0-.61-.501a.68.68 0 0 0-.826.477a.64.64 0 0 0 .004.344a.8.8 0 0 0 .26.4l.17.13l.18.13l.431.29l.411.281l.11.08c.08.05-.07-.06 0 0l.21.17a.52.52 0 0 0 .33.14a.47.47 0 0 0 .331-.14a.48.48 0 0 0 0-.66zm-10.343 0c.25-.24.46-.501.69-.761l.331-.39c.147-.227.36-.402.611-.501a.68.68 0 0 1 .65.18a.64.64 0 0 1 .171.64a.8.8 0 0 1-.26.401l-.17.13l-.19.13l-.421.29l-.41.281l-.111.08c.07-.06-.09.05 0 0l-.2.17a.52.52 0 0 1-.33.14a.47.47 0 0 1-.361-.14a.48.48 0 0 1 0-.66zm11.825-4.626c-.35 0-.69 0-1.001-.06h-.51a1.23 1.23 0 0 0-.782.09a.66.66 0 0 0-.247.916q.092.155.247.245a.77.77 0 0 0 .48.08h.431l.501-.09l.49-.09h.13c.101 0-.09 0 0 0h.281a.45.45 0 0 0 .32-.14a.45.45 0 0 0 .003-.653a.47.47 0 0 0-.323-.138zm-5.817 6.849c0-.35 0-.691.06-1.002v-.51a1.23 1.23 0 0 0-.09-.781a.66.66 0 0 0-.916-.247a.7.7 0 0 0-.246.247a.77.77 0 0 0-.09.47v.2a2 2 0 0 0 0 .23l.09.501l.09.491v.13c0 .1 0-.09 0 0v.28a.45.45 0 0 0 .14.321a.42.42 0 0 0 .33.14a.47.47 0 0 0 .461-.46zm-7.62-5.668c.34 0 .68 0 1.001.05h.5c.266.065.545.037.792-.08a.68.68 0 0 0 .32-.54a.65.65 0 0 0-.33-.581a.77.77 0 0 0-.47-.09h-.211l-.22.05l-.511.09l-.48.09h-.14c.1 0-.101 0 0 0h-.271a.5.5 0 0 0-.33.13a.52.52 0 0 0-.14.33a.49.49 0 0 0 .47.471z"/></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. SmartWatchCircleIcon.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.