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.

Top comments (18)

Collapse
 
jovylle profile image
Jovylle B

This list is cool. Thanks

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
 
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
 
ashishk1331 profile image
Ashish Khare😎

Thanks for sharing. Plus, you could try iconsvg.xyz. They provide in site editing for icons.

Collapse
 
alco profile image
Jakub StibΕ―rek

Thanks for sharing. It will save me some googling.

Collapse
 
dawnind profile image
Mainak Das

Just searching yesterday about the same thing 🀩

Collapse
 
msboffl profile image
Mareedu Saibabu

Thanks for valuable information bro...

Collapse
 
itscasey profile image
Casey πŸ’Ž

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

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

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