IconSearch logoIconsearch
Home/Libraries/CoreUI Flags (Iconify)/np
← Back to Search
CoreUI Flags (Iconify)

Np

License: CC0-1.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 301 380"><g fill="none"><path fill="#818cf8" d="M.5 380V0l300 188.402H102.37L293.418 380z"/><path fill="#818cf8" d="M7.174 181.741h270.184L7.174 12.06v361.276h270.184L7.174 102.38z"/><path fill="#818cf8" d="M20.907 118.111c11.681 29.805 45.242 44.471 74.962 32.757a57.9 57.9 0 0 0 32.663-32.757c0 29.805-24.093 53.967-53.813 53.967c-29.719 0-53.812-24.162-53.812-53.967"/><ellipse cx="74.72" cy="143.224" fill="#818cf8" rx="25.041" ry="25.114"/><path fill="#818cf8" d="m84.303 120.022l-2.798-11.005l-6.785 9.093m17.707 7.356l1.614-11.241l-9.738 5.797m13.552 13.592l5.781-9.766l-11.209 1.619m7.335 17.757l9.068-6.804l-10.974-2.806m-.001 19.221l10.974-2.806l-9.068-6.804m-7.334 17.757l11.209 1.619l-5.781-9.766m-32.718-32.813l2.798-11.005l6.785 9.093"/><path fill="#818cf8" d="m57.013 125.466l-1.614-11.241l9.739 5.797m-13.554 13.592l-5.781-9.766l11.21 1.619"/><path fill="#818cf8" d="m49.678 143.224l-9.068-6.804l10.974-2.806m0 19.221l-10.974-2.806l9.068-6.804m-3.868 84.097l2.98 24.213l-24.143-2.989l14.652 19.475l-22.399 9.518l22.399 9.518l-14.652 19.475l24.143-2.989l-2.98 24.212l19.419-14.694l9.491 22.463l9.491-22.463l19.419 14.694l-2.98-24.212l24.144 2.989l-14.654-19.475l22.4-9.518l-22.4-9.518l14.654-19.475l-24.144 2.989l2.98-24.213l-19.419 14.695l-9.491-22.463l-9.491 22.463z"/></g></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. NpIcon.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.

Related Icons in CoreUI Flags (Iconify)

Browse all CoreUI Flags (Iconify) icons →
ad
ad
ae
ae
af
af
ag
ag
al
al
am
am
ao
ao
ar
ar
at
at
au
au
az
az
ba
ba