Home/Libraries/Fluent UI System Icons (Iconify)/hand-wave-16-regular

Fluent UI System Icons (Iconify)

HandWave16Regular

License: MITCommercial 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 16 16"><path fill="#818cf8" d="M9.68 2.75a1.5 1.5 0 0 0-.56.25a1.53 1.53 0 0 0-1.43-1a1.5 1.5 0 0 0-.92.32l-.08-.24A1.49 1.49 0 0 0 5.25 1A1.51 1.51 0 0 0 4 1.63a1.5 1.5 0 0 0-.21.45a1.6 1.6 0 0 0-2 2l1.45 4.66a2.29 2.29 0 0 0-1.92.65a1 1 0 0 0-.31.89a1.33 1.33 0 0 0 .78 1a10.8 10.8 0 0 1 3 2.44A4 4 0 0 0 7.69 15c.338 0 .675-.048 1-.14l1.78-.53a2.45 2.45 0 0 0 1.73-2c.202-1.28.305-2.574.31-3.87a19.2 19.2 0 0 0-1-4.71a1.54 1.54 0 0 0-1.83-1m1.52 9.46a1.43 1.43 0 0 1-1 1.16l-1.79.53a2.89 2.89 0 0 1-2.9-.9a11.4 11.4 0 0 0-3.3-2.66c-.14-.07-.21-.19-.2-.24a1.43 1.43 0 0 1 1.77-.1a.51.51 0 0 0 .7-.6L2.76 3.81a.62.62 0 0 1 .31-.74a.61.61 0 0 1 .51 0a.63.63 0 0 1 .36.37L5 6.66a.45.45 0 0 0 .16.22a.6.6 0 0 0 .33.12h.16a.5.5 0 0 0 .12-.07a.4.4 0 0 0 .23-.21a.6.6 0 0 0 0-.17a.6.6 0 0 0 0-.19L4.76 2.67a.54.54 0 0 1 .07-.46a.54.54 0 0 1 .91.15L7 6.64a.46.46 0 0 0 .17.24a.44.44 0 0 0 .31.12h.14A.5.5 0 0 0 8 6.36l-.8-2.67a.52.52 0 0 1 .08-.47a.55.55 0 0 1 1 .19l.32 1.25l.48 2a.5.5 0 0 0 .2.28a.5.5 0 0 0 .14.06h.2a.51.51 0 0 0 .38-.62l-.49-2a.58.58 0 0 1 .42-.7a.54.54 0 0 1 .66.36c.484 1.434.793 2.922.92 4.43a25 25 0 0 1-.31 3.74M13.8 1.1a.5.5 0 1 0-.6.8a4.19 4.19 0 0 1 1.32 4.46a.5.5 0 0 0 .34.62L15 7a.49.49 0 0 0 .48-.36A5.19 5.19 0 0 0 13.8 1.1m-1.186 1.41a.5.5 0 0 1 .176.08a3.37 3.37 0 0 1 1.17 2.95a.5.5 0 0 1-.5.46a.5.5 0 0 1-.46-.54a2.37 2.37 0 0 0-.8-2.06a.49.49 0 0 1-.1-.69a.49.49 0 0 1 .514-.2"/></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. HandWave16RegularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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