DEV Community

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

Posted on • Updated 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
 
jovyllebermudez profile image
Jovylle B

This list is cool. Thanks

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
 
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
 
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
 
dawnind profile image
Mainak Das

Just searching yesterday about the same thing 🤩

Collapse
 
nikrunic profile image
KRUNAL R PRAJAPATI

This is also beautiful website for free svg icon - custicon.com
24000+ free icons for use in web, iOS, Android, and desktop apps. Support for SVG. License: MIT, Free for commercial or personal use.
This provide svg icon and svg code and also provide the icon image and it should be free

Image description

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

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

Collapse
 
damiensn profile image
Damien S

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