IconSearch logoIconsearch
Home/Libraries/Fluent UI System Icons (Iconify)/haptic-weak-20-regular
← Back to Search
Fluent UI System Icons (Iconify)

HapticWeak20Regular

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><path fill="#818cf8" d="M8.5 18a.5.5 0 0 1-.196-.04C8.21 17.919 6 16.947 6 14.428c0-1.301.6-1.966 1.129-2.553c.486-.54.871-.966.871-1.883s-.385-1.34-.871-1.879C6.6 7.528 6 6.863 6 5.564C6 3.048 8.21 2.08 8.305 2.04a.499.499 0 1 1 .391.92C8.612 2.997 7 3.729 7 5.564c0 .915.385 1.34.871 1.879C8.4 8.028 9 8.693 9 9.992s-.6 1.966-1.129 2.553c-.486.54-.871.966-.871 1.883c0 1.867 1.68 2.605 1.696 2.612A.5.5 0 0 1 8.5 18m5.46-.304a.5.5 0 0 0-.264-.656c-.017-.007-1.696-.746-1.696-2.612c0-.917.385-1.343.871-1.883C13.4 11.958 14 11.294 14 9.992s-.6-1.964-1.129-2.549C12.385 6.904 12 6.479 12 5.564c0-1.835 1.612-2.567 1.696-2.604a.5.5 0 0 0-.391-.92C13.21 2.08 11 3.048 11 5.564c0 1.299.6 1.963 1.129 2.549c.486.539.871.964.871 1.879s-.385 1.343-.871 1.883C11.6 12.462 11 13.126 11 14.428c0 2.52 2.21 3.492 2.304 3.532q.097.04.196.04a.5.5 0 0 0 .46-.304"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. HapticWeak20RegularIcon.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.

Related Icons in Fluent UI System Icons (Iconify)

Browse all Fluent UI System Icons (Iconify) icons →
access-time-20-filled
access-time-20-filled
access-time-20-regular
access-time-20-regular
access-time-24-filled
access-time-24-filled
access-time-24-regular
access-time-24-regular
accessibility-16-filled
accessibility-16-filled
accessibility-16-regular
accessibility-16-regular
accessibility-20-filled
accessibility-20-filled
accessibility-20-regular
accessibility-20-regular
accessibility-24-filled
accessibility-24-filled
accessibility-24-regular
accessibility-24-regular
accessibility-28-filled
accessibility-28-filled
accessibility-28-regular
accessibility-28-regular