Are you looking for the best open-source icon libraries to enhance your design projects in 2023? Look no further!
Icons play a vital role in modern web design, helping to guide users and enhance the overall look and feel of a website or application. In this post, we'll explore the top best open-source icon libraries for 2023.
These libraries offer a wide variety of high-quality icons that can be used in your projects for free, with or without any licensing restrictions. Whether you're a designer, developer, or just looking for some fresh icon inspiration, our list has got you covered.
Note: If there is anything else that should be added, feel free to mention it in the comments below π
Font Awesome
Font Awesome is one of the most popular icon libraries out there. It's easy to use, customizable, and works with a variety of frameworks and tools. Plus, it's updated regularly with new icons and features. According to Google, As of 2020, Font Awesome was used by 38% of sites that use third-party font scripts, placing Font Awesome in second place after Google Fonts
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- License: Freemium π
- 2nd placed after google fonts π
- 71k+ β on Github
Material Symbols
Material Design Icons or material symbols is a comprehensive icon library with over 2,500 glyphs designed according to Google's Material Design guidelines. The icons are well-organized and easy to browse, and the library is regularly updated with new icons and features. Symbols are available in three styles and four adjustable variable font styles (fill, weight, grade, and optical size)
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Supported by Google π
- Falls under Apache 2.0 license π³
- 47k+ β on Github
Boxicons
High-Quality web friendly icons
'Boxicons' is a carefully designed open-source icon set with 1500+ icons. It's crafted to look enrich your website/app experience.
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- Available as Web component π
- Falls under MIT license π³
- 2.2k+ β on Github
Feather Icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- Provides feather icons for other frameworks π
- Falls under MIT license π³
- 23.2k+ β on Github
Ionicons
Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions.
Features
- Opensource ( Free to use ) π₯³
- Available as CDN πΆ
- Provides feather icons for other frameworks π
- Falls under MIT license π³
- 16.7k+ β on Github
Bootstrap Icons
A free, high-quality, open-source icon library with over 1,800 icons. Include them any way you likeβSVGs, SVG sprites, or web fonts. Use them with or without Bootstrap in any project.
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- Supported by a huge bootstrap framework community π
- 6.6k+ β on Github
Remixicons
Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use.
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- Remix Icon is licensed under the Apache License Version 2.0 π³
- 5.2k+ β on Github
heroicons
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Available as basic SVG icons and via first-party React and Vue libraries.
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- Remix Icon is licensed under the MIT π³
- 18k+ β on Github
CSS Icons
700+ Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma, and Adobe XD. Easy integration: Embed, NPM & API.
Features
- Opensource ( Free to use ) π₯³
- Available as NPM, yarn package π¦
- Available as CDN πΆ
- Remix Icon is licensed under the MIT π³
- Present in design tools such as Figma & Adobe XD β‘
- 9k+ β on Github
Flaticon
"Free access to 9.5M+ icons in PNG"
The largest database of vector icons available for download in SVG, EPS, PSD, and BASE 64 formats.
Features
- Opensource ( Free to use ) π₯³
- Available in different formats π
- Subscription-based π°
Iconfinder
Iconfinder is the world's largest marketplace for icons, illustrations and 3D illustrations in SVG, AI, and PNG format
Features
- Opensource ( Free to use ) π₯³
- 7,250,000+ free and premium vector icons, illustrations & 3D illustrations
- Subscription-based π°
Roundicons
45,000+ icons The worldβs biggest icon bundle Commercial use icon packs library made for apps, websites, infographics & prints.
Features
- Free vector icons π₯³
- 45,000+ icons π
- Subscription for premium icon packs π°
Icons8
They are the best ones out there, download design elements for free such as icons, photos, vector illustrations, and music for your videos. All the assets made by designers β consistent quality β‘οΈ
Features
- 1.28m+ free icons π
- Subscription for premium icon packs π°
Iconscout
"Access 5.8 Million+ free or premium vector icons, illustrations, 3D illustrations, and Lottie animations for any design. Available in PNG, SVG, GIF, EPS, JSON, and more.
Features
- 5.8m+ icons π
- The cluster of Design assets π¦
Line icons
5700+ Handcrafted line icons for modern user interfaces of the web, mobile, and desktop app design and development projects. Line icons is a huge and comprehensive pack of professionally designed icons, available in all vector formats that are easy to use on the web, design, coding, and beyond.
Features
- 5700+ icons π
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- Subscription for premium icon packs π°
- Multiple Style variations β‘
- Icon Editor π¨βπ§
Futicons
Futicons are Figma designer icons for Virtual Reality, Augmented Reality, Interplanetary Travel, Artificial Intelligence, Crypto, Blockchain, Cyborgs, Future Transportation, and Sustainability.
Features
- Free lineicons β‘
- $5 for the full version includes 250 icons with fill & outline π°
Devicon
Devicon is a set of icons representing programming languages, designing, and development tools. You can use it as a font or directly copy/paste the SVG code into your project.
Features
- Opensource ( Free to use ) π₯³
- Available as NPM package π¦
- Available as CDN πΆ
- 7.1k+ β on Github
Iconmonstr
Discover 4,784+ free icons in 316 collections for your next project.
Features
- free for any commercial use β
- Unique and uniform icons from an exclusive source π₯³
- Available in every release as fill and outline version π₯³
- Smart compressed and best optimized for web use π₯³
- Clean and precise icon design on a 24-pixel grid π₯³
- Embed SVG as inline or Base64 within seconds π₯³
- Best place to store your favorite icons π₯³
Icofont
2100+ free icons to spice up your creative designs
Features
- Opensource ( Free to use ) π₯³
- 30 Categories π¦
- For Web & Desktop πΆ
- Amazing Icons π°
- 100% Free Download π
Streamline
Access the world's largest and most consistent icon and illustration sets Customise 140,000+ vector graphics, and add them to your projects in seconds β‘οΈ
Features
- Opensource ( Free to use ) π₯³
- Desktop app π¦
- Figma Plugin β
- Images for notion πΆ
- Freemium π°
Jam icons
Jam icons are a set of SVG icons designed for web projects, illustrations, and print projects.
Features
- Opensource ( Free to use ) π₯³
- 491 β on Github
Smashicons
Smashicons is the world's largest and most complete icon set with over 492,219 icons for designers and developers.
Features
- Free to use π₯³
- Registration is required to download icons β
- Paid Plan starts at $2 π°
Freepik
All the assets you need, in one place, Find and download the best high-quality photos, designs, and mockups.
Features
- Free to use π₯³
- Free license β
- Attribution is required π
- Paid Plan starts at $4.43 π°
Futuramo
Futuramo offers a suite of work management tools for teams working on digital projects. Foster collaboration between teams, clients, and businesses
Features
- Advanced icon library π₯³
- full-featured customization app β
- Ultimate styling tool π°
- Multiple file formats π¦
- Free pack of 340 customizable icons π
- Icons Pro pack to unlock more than 3100 icons in 16 styles π°
GraphicBurger
Tasty design resources are made with care for each pixel. Free for both personal & commercial use. Have a bite!
Features
- Tones of assets to roam around π₯³
- Mockups π
- UI kits π°
- Icons β€οΈ
Nucleo icons
The ultimate icon library Buy once, get unlimited updates. Cover 99% of your icon needs.
Features
- Beautifully crafted over 32k+ iconsπ₯³
- 6 Grid sizesπ
- 3 styles include fill, outline, and color π₯
- 3231 unique symbols organized into 40 categories π¦
Pixeden
Pixeden is hard at work providing quality premium and free web resources and graphic design templates.
Features
- Vectors, graphics, mockups π₯³
- Icons, textures π
- Website templates π₯
- $6/month to access all the premium files π°
Pixellove
Download over 15,000 icons in 6 distinctive styles made for professionals.
Features
- Versatileπ₯³
- Uniform π
- Scalable π₯
- ios & android support π°
Vecteezy
Vecteezy is a leading global creative marketplace offering millions of paid and free stock photos, vectors, and stock videos for personal & commercial use.
Features
- Unlimited photo, vector, and 4k video downloads π₯³
- Full commercial rights π
- Vecteezy online editor access π₯
- Exclusive access to bundles π₯π₯
- No attribution required π₯π₯π₯
- Priority support π₯π₯π₯π₯
- Faster downloads & no ads π₯π₯π₯π₯π₯
- Paid plan starts at $4.50 for a year & $7 monthly π°
Conclusion
Icons are an essential part of modern web design, and with so many high-quality open-source icon libraries available, it's easier than ever to find the perfect icons for your projects. These open-source icon libraries we've explored in this post offer a wide range of styles, sizes, and formats, making them suitable for use in a variety of applications.
From the comprehensive Font Awesome and Material Design Icons to the minimalist Feather and heroicons, there's an open-source icon library out there to suit every need. Whether you're a designer, developer, or just looking for some fresh inspiration, these libraries are an excellent resource to add to your toolbox.
So why not try incorporating some of these open-source icon libraries into your next project and see how they can enhance the overall user experience? With so many great options out there, the possibilities are endless!
Thanks For Watching β€οΈ
Happy Coding !!!
Top comments (7)
Very nice resource. +1.
Thank you for your feedback!
You'll definitely want to check out this super convenient combined icon pack browser that I recently came across called IcΓ΄nes: icones.js.org (github.com/antfu/icones)
Thank you sir π for sharing your recommendation of the IcΓ΄nes icon pack browser. It's great to hear that you find it super convenient.
Π‘ongratulations π₯³! Your article hit the top posts for the week - dev.to/fruntend/top-10-posts-for-f...
Keep it up π
Tabler icons π
Thank you for your reference @bigfree π
Some comments may only be visible to logged-in visitors. Sign in to view all comments. Some comments have been hidden by the post's author - find out more