Home/Libraries/Plump free icons (Iconify)/add-layer-2-solid

Plump free icons (Iconify)

AddLayer2Solid

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 48 48"><path fill="#818cf8" fill-rule="evenodd" d="M28.5 1.5c5.166 0 8.966.172 11.56.357c3.3.236 5.847 2.782 6.083 6.084c.185 2.593.357 6.393.357 11.559s-.172 8.966-.357 11.56c-.23 3.214-2.65 5.713-5.825 6.06c.106-2.313.182-5.17.182-8.62c0-5.233-.174-9.104-.365-11.773c-.342-4.79-4.072-8.52-8.862-8.862c-2.669-.19-6.54-.365-11.773-.365c-3.45 0-6.307.076-8.62.182c.348-3.175 2.846-5.595 6.06-5.825c2.594-.185 6.394-.357 11.56-.357m-9 9c5.166 0 8.966.172 11.56.357c3.3.236 5.847 2.782 6.083 6.084c.185 2.593.357 6.393.357 11.559s-.172 8.966-.357 11.56c-.236 3.3-2.782 5.847-6.084 6.083c-2.593.185-6.393.357-11.559.357s-8.966-.172-11.56-.357c-3.3-.236-5.847-2.782-6.083-6.084C1.672 37.466 1.5 33.666 1.5 28.5s.172-8.966.357-11.56c.236-3.3 2.782-5.847 6.084-6.083c2.593-.185 6.393-.357 11.559-.357m-1.592 9.073c-1.062.106-1.748.988-1.795 2.055c-.034.788-.068 1.89-.09 3.395a121 121 0 0 0-3.395.09c-1.066.047-1.95.733-2.055 1.795c-.043.436-.073.963-.073 1.592c0 .628.03 1.156.073 1.592c.106 1.062.989 1.748 2.055 1.795c.788.034 1.89.068 3.395.09c.022 1.504.056 2.607.09 3.395c.047 1.066.733 1.95 1.795 2.055c.436.043.963.073 1.592.073c.628 0 1.156-.03 1.592-.073c1.062-.106 1.748-.989 1.795-2.055c.034-.788.068-1.89.09-3.395a121 121 0 0 0 3.395-.09c1.067-.047 1.95-.733 2.055-1.795c.043-.436.073-.963.073-1.592c0-.628-.03-1.156-.073-1.592c-.106-1.062-.988-1.748-2.055-1.795c-.788-.034-1.89-.068-3.395-.09a120 120 0 0 0-.09-3.395c-.047-1.067-.733-1.95-1.795-2.055A16 16 0 0 0 19.5 19.5c-.628 0-1.156.03-1.592.073" 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. AddLayer2SolidIcon.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.