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

Freehand free icons (Iconify)

SmartWatchBand2

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="M5.617 11.135c.56-.52.51-1.12.14-1.41a.89.89 0 0 0-.93-.17a.32.32 0 0 0-.18.06a1 1 0 0 0-.3 1.39c.23.36.66.48 1.27.13m1.999-.13c.23.34.66.43 1.25 0a1.13 1.13 0 0 0 .29-1.1a.72.72 0 0 0-.88-.47c-.92.26-1.27.7-.66 1.57m-1.969 2.479c-.95-.52-1.56.08-1.47 1a.73.73 0 0 0 .17.39c.24.35.74.5 1.38-.1s.33-1.07-.08-1.29m2.599-.2c-.23-.08-.8.11-1 .79a.74.74 0 0 0 0 .42c.09.37.48.65 1.2.46c.67-.35.8-.92.54-1.28a.84.84 0 0 0-.74-.39"/><path d="M14.414 8.485c.91 0 1.82.12 2.73.15q.919.053 1.839 0a22 22 0 0 0 2.999-.43h.05a.29.29 0 0 0 .26-.28c.014-.789-.06-1.577-.22-2.349c-.132-.8-.41-1.57-.82-2.27a8.4 8.4 0 0 0-.8-.999a8.5 8.5 0 0 0-.92-.89a3.2 3.2 0 0 0-.72-.47a4.3 4.3 0 0 0-.79-.3a5 5 0 0 0-.889-.15a.3.3 0 0 0-.13-.22a29 29 0 0 0-4.668-.27a25 25 0 0 0-4.659.55c-.6.13-1.27.22-1.89.45a3.9 3.9 0 0 0-1.269.68a5.8 5.8 0 0 0-1.65 2.32a15.2 15.2 0 0 0-.859 3.998c-.352 2.52-.44 5.07-.26 7.608c.161 1.75.675 3.45 1.51 4.998a11.3 11.3 0 0 0 1.41 2c.378.455.831.843 1.339 1.15a2.3 2.3 0 0 0 1 .239c.68 0 1.499-.07 1.999-.07l6.268-.2a.33.33 0 0 0 .33-.33v-.1a3.55 3.55 0 0 0 3.099-.76a10.55 10.55 0 0 0 3.149-5.168l.49-2.1a.32.32 0 0 0-.25-.339h-.11q-1.49-.27-3-.36h-1.889c-.9.05-1.79.15-2.68.22c0-.39-.059-.78-.069-1.18v-2.199c-.09-.81-.05-1.86.07-2.929M5.147 2.397a2.9 2.9 0 0 1 .94-.54a17 17 0 0 1 1.79-.46a24 24 0 0 1 4.488-.66q1.44-.075 2.879 0a5.2 5.2 0 0 0-1.37.81a9.14 9.14 0 0 0-2.869 5.109h-2.21c-.849 0-1.699 0-2.548.07c-.85.07-1.68.15-2.52.18h-.47c.098-.853.292-1.691.58-2.5a4.9 4.9 0 0 1 1.31-2.009m-2.31 13.146a37 37 0 0 1 .27-7.388c0-.19 0-.38.06-.57q1.232.202 2.48.24c.65 0 1.3 0 1.94-.06c.429 0 .849-.09 1.279-.13s1.06-.17 1.59-.22h.43a32.6 32.6 0 0 0-.38 7.588q.107 1.079.34 2.14l-4.94.36h-.919l-1.82-.05a15 15 0 0 1-.33-1.91m6.17 7.557c-.39 0-1.05.06-1.66 0c-.303.04-.612.005-.9-.1a4.4 4.4 0 0 1-1.08-1a11 11 0 0 1-1.249-1.899a10 10 0 0 1-.76-1.92c.51.09 1 .2 1.55.28q.495.09 1 .12a20 20 0 0 0 2.309-.16c.94-.13 1.86-.34 2.79-.549c.212.798.514 1.569.899 2.3q.24.451.54.869q.3.409.66.77q.29.305.62.57q.338.253.709.46c.13.07.26.12.39.18zm9.097-7.477h1.17l2.279-.11l-.43 1.68a9.6 9.6 0 0 1-3 4.678a2.7 2.7 0 0 1-3.178.21a7 7 0 0 1-.58-.4a4.6 4.6 0 0 1-.51-.48a7.2 7.2 0 0 1-1.01-1.44a12.7 12.7 0 0 1-1.24-4.758a34 34 0 0 1 .4-7.668a8.45 8.45 0 0 1 2.49-5.058a3.74 3.74 0 0 1 4.059-.62q.309.139.58.34q.456.376.87.8q.403.425.749.9c.38.612.645 1.29.78 1.999c.146.633.23 1.28.25 1.93c-.81 0-1.6 0-2.41-.08h-2.279c-.87 0-1.73.14-2.59.23a8.7 8.7 0 0 1 .61-2.35a2.77 2.77 0 0 1 2.89-1.78a.292.292 0 1 0 .07-.58a3.45 3.45 0 0 0-3.769 2a10 10 0 0 0-1 3.11a29 29 0 0 0-.26 3.158v2.27q0 .7.15 1.409q.105.702.28 1.39a8.1 8.1 0 0 0 1.45 2.999a2.4 2.4 0 0 0 2.15 1a.34.34 0 0 0 .289-.37a.33.33 0 0 0-.36-.29a1.72 1.72 0 0 1-1.4-.74a7.1 7.1 0 0 1-1.12-2.75c-.05-.25-.079-.51-.109-.76c.83.05 1.68.11 2.53.14c.389-.02.769-.01 1.159-.01z"/></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. SmartWatchBand2Icon.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.