Yeow Zi Qin

Posted on Jul 9, 2021 • Edited on Aug 25, 2023

Beautiful NPM Icon packages for your next web project

#npm #javascript #react #webdev

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

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)

Jovylle B • Jun 15 '22

This list is cool. Thanks

Muhammad Hasnain • Jul 10 '21

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

Yeow Zi Qin • Jul 11 '21 • 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.

Muhammad Hasnain • Jul 11 '21

Ooh, yes, You're right.

Anish shetty k • Jul 11 '21

react icons are also worth mentioning
npm install react-icons

Yeow Zi Qin • Jul 11 '21

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.

Anish shetty k • Jul 11 '21

it works with MeteorJS and gatsby js along with react

Ashish Khare😎 • Jul 9 '21

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

Jakub Stibůrek • Jul 9 '21

Thanks for sharing. It will save me some googling.

Mainak Das • Jul 9 '21

Just searching yesterday about the same thing 🤩

Mareedu Saibabu • Jul 9 '21

Thanks for valuable information bro...

Casey 💎 • Jul 9 '21

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

CoreUI • Jul 12 '21

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

Yeow Zi Qin • Jul 12 '21

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

CoreUI • Jul 15 '21

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