Home/Libraries/CoreUI Brands (Iconify)/plangrid

CoreUI Brands (Iconify)

Plangrid

License: CC0-1.0Commercial 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 32 32"><path fill="#818cf8" d="M22.136 0c3.463 0 5.681.011 7.771 2.099C31.984 4.188 32 6.391 32 9.87v12.267c0 3.463-.016 5.681-2.099 7.771c-2.089 2.083-4.292 2.093-7.771 2.093H9.863c-3.463 0-5.681-.011-7.771-2.099C.015 27.813-.001 25.61-.001 22.131V9.864c0-3.463.016-5.681 2.099-7.771C4.187.016 6.39 0 9.863 0zm5.859 14.869C27.427 8.77 22.246 4.005 16 4.005C9.369 4.005 4 9.369 4 16c0 6.401 5.005 11.645 11.312 12h9.516A3.18 3.18 0 0 0 28 24.823v-9.959zm-3.042 11.448a1.36 1.36 0 0 1-1.365-1.364c0-.756.609-1.365 1.365-1.365a1.366 1.366 0 0 1 0 2.729M16 25.265A9.275 9.275 0 0 1 6.735 16A9.275 9.275 0 0 1 16 6.735A9.275 9.275 0 0 1 25.265 16A9.275 9.275 0 0 1 16 25.265"/></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. PlangridIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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