DEV Community

Cover image for Beautiful NPM Icon packages for your next web project
Yeow Zi Qin
Yeow Zi Qin

Posted on • Edited on

Beautiful NPM Icon packages for your next web project

My Favourite

These are my favourite npm icon packages

Icon pack How to install Documentation
Lucide npm i lucide or npm i lucide-react (React) Website
Tabler npm i @tabler/core or npm i @tabler/icons-react (React) Website
Boxicons npm i boxicons Website
Remix Icon npm i remixicon Github
Radix Icon npm i @modulz/radix-icons Github

Recommended

These are my personal recommendations of npm icon packages

Icon pack How to install Documentation
CoreUI Icon npm i @coreui/icons@next Website
Teenyicons npm i teenyicons Github
Bootstrap Icon npm i bootstrap-icons Website
Feather Icon npm i feather-icons Github
Octicons npm i @primer/octicons Website
Ikonate npm i ikonate Github
CSS.gg Icon npm i css.gg Github
Phosphor Icon npm i phosphor-icons Github
React-icons (for React) npm i react-icons Github
Material-UI Icon (for React) npm i @material-ui/icons Website

Hope you are getting excited!😎

Further Research:
ShapeFonts
WWEB.dev

Thanks for reading, see you in the next post.

Latest comments (18)

Collapse
 
arturoglobant profile image
arturo-globant

Thank you

Collapse
 
jovylle profile image
Jovylle B

This list is cool. Thanks

Collapse
 
nazmul1487 profile image
Nazmul Hassan

Thanks for sharing these resources. Maybe Material UI Icon ( material-ui.com/ ) is also helpful.

Collapse
 
core_ui profile image
CoreUI

Thanks Yeow for your recommendation! Have you tried both Free and Pro icons?

Collapse
 
ziqinyeow profile image
Yeow Zi Qin

Hi CoreUI, what I know is CoreUI icons are free.

Collapse
 
core_ui profile image
CoreUI

Of course, we're open source and to give developer additional option - we've mastered also PRO versions of the most popular solutions. If you wanna try, pm me

Collapse
 
damiensn profile image
Damien S

Thanks for sharing ! For me, I love ion-icons

Collapse
 
anishshettyk profile image
Anish shetty k

react icons are also worth mentioning
npm install react-icons

Collapse
 
ziqinyeow profile image
Yeow Zi Qin

Hi Anish, thanks for your warm suggestion. React-icons is damn awesome, but I'm hesitant to include this because I'm making this post aiming for general usage, not framework specific. I'm not sure if 'react-icons' is suitable for other frameworks as well.

Collapse
 
anishshettyk profile image
Anish shetty k

it works with MeteorJS and gatsby js along with react

Collapse
 
hasnaindev profile image
Muhammad Hasnain

Please, add "ionicons" to the list. I love their icons. 1.3k, all free.

Collapse
 
ziqinyeow profile image
Yeow Zi Qin • Edited

Hi Hasnain, I do like Ionicons, but note that I'm writing about npm icon packages that require npm installation, Ionicons only need a script tag, and no installation is necessary.

Collapse
 
hasnaindev profile image
Muhammad Hasnain

Ooh, yes, You're right.

Collapse
 
itscasey profile image
Casey πŸ’Ž

Cool! Typically I go with Feather but after seeing some of these I may have to try others

Collapse
 
dawnind profile image
Mainak Das

Just searching yesterday about the same thing 🀩

Some comments may only be visible to logged-in visitors. Sign in to view all comments.