DEV Community

loading...
Cover image for Beautiful NPM Icon packages for your next web project

Beautiful NPM Icon packages for your next web project

Yeow Zi Qin
Student & web developer who have fervent passion in exploring cool and amazing technologies.
Updated on ・2 min read

My Favourite

These are my favourite npm icon packages

Icon pack How to install Documentation
Boxicons npm install boxicons --save Website
Remix Icon npm install remixicon --save Github
Radix Icon npm install @modulz/radix-icons Github

Recommended

These are my personal recommendations of npm icon packages

Icon pack How to install Documentation
CoreUI Icon npm install @coreui/icons@next --save Website
Teenyicons npm i teenyicons Github
Bootstrap Icon npm i bootstrap-icons Website
Feather Icon npm install feather-icons --save Github
Octicons npm install @primer/octicons Website
Ikonate npm install ikonate Github
CSS.gg Icon npm install css.gg Github
Phosphor Icon npm i phosphor-icons Github
React-icons (for React) npm install react-icons --save 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.

Discussion (16)

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 Author • 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 Author

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
alco profile image
Jakub Stibůrek

Thanks for sharing. It will save me some googling.

Collapse
itscasey profile image
Casey 💎

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

Collapse
hugekontrast profile image
Ashish Khare😎

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

Collapse
msboffl profile image
Mareedu Saibabu

Thanks for valuable information bro...

Collapse
dawnind profile image
Mainak Das

Just searching yesterday about the same thing 🤩

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 Author

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
nazmul1487 profile image
Nazmul Hassan

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