IconSearch logoIconsearch
Home/Libraries/Arcticons (Iconify)/invisible-widget
← Back to Search
Arcticons (Iconify)

InvisibleWidget

License: CC-BY-SA-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M29.577 12.442A4.5 4.5 0 0 1 31.3 12.1m-4.5 4.5c0-.61.122-1.192.342-1.723m0 3.446A4.5 4.5 0 0 1 26.8 16.6m4.5 4.5c-.61 0-1.192-.121-1.723-.342m3.446 0c-.53.22-1.113.342-1.723.342m4.5-4.5c0 .61-.121 1.192-.342 1.723m0-3.446c.22.53.342 1.113.342 1.723m-4.5-4.5c.61 0 1.192.122 1.723.342M18.9 21.1c.3-.3 1.1-.1 1.1-.1m-1.883 1.233L18.9 21.1m-3.917 5.667L16.55 24.5m-4.7 6.8l1.567-2.267M9.5 34.7l.783-1.133M10.1 35.8c-.6 0-.6-1.1-.6-1.1m1.99 1.1H10.1m6.95 0h-2.78m8.34 0h-2.78m8.34 0h-2.78m8.34 0h-2.78m6.95 0h-1.39m1.89-1.2c.4.4-.5 1.2-.5 1.2m-.475-2.175l.975.975m-4.875-4.875l1.95 1.95M30.6 26.8l.975.975M29.6 26.8c.3-.3 1 0 1 0m-2.4 1.4l1.4-1.4m-2.4 1.4c.3.3 1 0 1 0m-1.9-.9l.9.9m-4.5-4.5l1.8 1.8M20 21l.9.9M40.032 5.804A4 4 0 0 0 38.5 5.5m4 4c0-.543-.108-1.06-.304-1.532m.304 2.982V9.5m0 7.25v-2.9m0 8.7v-2.9m0 8.7v-2.9m0 8.7v-2.9m0 7.25v-1.45m-.304 2.982c.196-.472.304-.99.304-1.532m-4 4c.543 0 1.06-.108 1.532-.304m-2.982.304h1.45m-7.25 0h2.9m-8.7 0h2.9m-8.7 0h2.9m-8.7 0h2.9m-7.25 0h1.45m-2.982-.304c.472.196.99.304 1.532.304m-4-4c0 .543.108 1.06.304 1.532M5.5 37.05v1.45m0-7.25v2.9m0-8.7v2.9m0-8.7v2.9m0-8.7v2.9m0-7.25v1.45m.304-2.982c-.196.472-.304.99-.304 1.532m4-4c-.543 0-1.06.108-1.532.304M10.95 5.5H9.5m7.25 0h-2.9m8.7 0h-2.9m8.7 0h-2.9m8.7 0h-2.9m7.25 0h-1.45"/></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. InvisibleWidgetIcon.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-SA-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.

Related Icons in Arcticons (Iconify)

Browse all Arcticons (Iconify) icons →
001-taxis
001-taxis
0h-h1
0h-h1
0h-n0
0h-n0
0xchat
0xchat
1-and-1-tv
1-and-1-tv
1-gb-gift-bank
1-gb-gift-bank
1-second-everyday
1-second-everyday
1-tl
1-tl
10-minute-school
10-minute-school
10-play
10-play
100
100
10000-sentences
10000-sentences