Home/Libraries/Freehand free icons (Iconify)/layers-off

Freehand free icons (Iconify)

LayersOff

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="M6.66 4.694a11.1 11.1 0 0 0 4.47-1.28a.31.31 0 0 0-.13-.59a9.6 9.6 0 0 0-4.54 1.17a.364.364 0 0 0 .2.7M3.001 5.993a.304.304 0 1 0-.26-.55c-2.2.64-1.71 1.8 0 2.32q.947.25 1.92.36a.345.345 0 1 0 .2-.66c-.49-.21-2.23-1-2.41-1.06q.256-.23.55-.41m9.608-2.429c2.49.81 5.839 1.59 9.358 3c-1.1.36-6.659 2.609-8.998 3.288a.305.305 0 0 0-.17.478a.3.3 0 0 0 .32.112c3.659-.88 7.808-2.4 9.168-2.77c.46-.11.904-.28 1.32-.509c1.899-1.73-6.74-3.17-10.798-4.26a.345.345 0 1 0-.2.66M10.78 14.531a.35.35 0 0 0 .18-.67c-1.46-.41-3.55-1.18-5.47-1.82c-1.42-.479-3.489-1.049-3.959-1.309a14 14 0 0 1 1.55-.74a.302.302 0 0 0-.2-.57a12.4 12.4 0 0 0-2 .7c-3.01 1.54 6.599 3.63 9.898 4.41m5.459-1.26a.303.303 0 1 0 .18.58c1.18-.28 7.758-1.82 7.578-3c-.16-1-1.31-.84-3.089-1.42a.35.35 0 0 0-.25.65c.61.27 1.16.62 1.59.83c-.57.21-1.34.48-2.19.81c-1.19.46-2.53 1.06-3.819 1.55M.431 15.901c2.19 1.18 11.258 3.09 12.128 2.92l2.16-.5a.345.345 0 0 0-.16-.67c-2.68.46-1.69.51-4.37-.14c-1.35-.32-8.528-2.16-8.998-2.29c2.48-.93 2.95-.68 2.87-1.16a.32.32 0 0 0-.36-.25c-1.06.16-2.1.42-3.11.78c-.65.32-.84.93-.16 1.31m22.566-1.429c-.73-.24-2-.41-3-.66a.36.36 0 0 0-.44.23c-.16.51.55.48 2.61 1.3c-1 .39-1.55.64-2.53 1a.31.31 0 0 0 .16.59a23 23 0 0 0 3.48-.8c1.13-.42.72-1.32-.28-1.66m-5.069 6.448c-1.48.37-4 1-5.54 1.15c-.18 0-9.927-2.25-11.267-2.7c2.51-.94 3-.66 2.94-1.16a.29.29 0 0 0-.35-.22c-1.057.16-2.096.424-3.1.79c-.69.33-.85.92-.2 1.27c2 1 11.148 3.21 12.128 3c1.51-.27 4.099-1 5.569-1.46a.35.35 0 0 0-.18-.67m3.069-2.29a.35.35 0 0 0 .24.43a4.4 4.4 0 0 0 2.25.73a.3.3 0 0 0 .253-.221a.3.3 0 0 0 .007-.118c.19-.96-2.55-1.46-2.75-.82m-.43 1.249C13.57 12.362 15.298 14.631 9.45 9.153c-1.59-1.44-3-3.1-4.55-4.6C3.52 3.204 1.942 2.055 1.002.995a.31.31 0 0 0-.47.39q1.245 1.38 2.64 2.61c1.88 1.79 3.59 4.099 5.509 5.998c3.33 3.16 4.729 4.2 7.578 6.809c4.5 4.439 3 3.05 6.499 6.209a.35.35 0 0 0 .49-.49z" clip-rule="evenodd"/></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. LayersOffIcon.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.