25+ Best Open Source Icon Libraries in 2025

Designers, are you tired of searching for an open-source icon library that perfectly fits your project? Or you may need icons with specific styles to match your custom design requirements.

Today, we will discuss 25+ best open-source icon libraries, which are not only free and customizable but also help make your designs more professional and efficient.

Let’s look at how these icon libraries can save you time and add beauty to your projects.

25+ Open Source Icon Libraries

Many icon libraries out there, but how do you know which one is the best open-source option for your project?

After exploring various platforms for some time, I have compiled a list of tools designed with the needs of designers and developers in mind.

This will make it easier for you to find the right one for your project. And at the end of this guide, I will share my recommendation—so keep reading!

Lineicons

Lineicons is a modern, feature-rich icon library offering 26,082+ icons, with a minimalist, contemporary aesthetic.

It provides icons in multiple formats, such as SVG, JSX, TSX, Figma, icon font, and PNG, along with integrations for popular frameworks and design tools. Each icon is meticulously designed to ensure it remains clear and sharp across all devices.

Whether you are a designer or developer, Lineicons empowers you to enhance your projects with superior, customizable icons.

Features:

• 26,082+ icons in different categories.
• Multiple styles like Stroke, Outlined, Solid, Duo-Tone, and Bulk.
• Formats SVG, PNG, JSX, TSX, VUE, Svelte, HTML, Base64, WEBP.
• Comfortable integration via CDN, NPM, or direct downloads.
• Change size, color, and rotation.
• Effortless React, Angular, Vue, and Svelte integration.
• Figma plugin.
• Pro CDN for faster loading and extra features.
• Free and Pro versions are available.

GitHub Repository: LineiconsHQ/Lineicons

GitHub Star: 117+

Explore Line Icons

Font Awesome

Font Awesome is a popular tool that provides a large collection of scalable vector icons. Unlike traditional image files, Font Awesome icons are highly efficient for designers. It has thousands of icons in different formats, like Web Font or SVG, and you can change them easily with CSS.

If you are a designer or developer, this tool will streamline your workflow by providing a set of top-notch icons.

Features:

• Over 7,800 icons.
• Available in Web Font, SVG, SVG Sprites, and JSON formats.
• Supports React, Vue, Angular, and web.
• Easy CSS customization for size, color, and more
• ARIA attributes for availability.
• Performance optimization.
• Premium version available.

GitHub Repository: FortAwesome/Font-Awesome

GitHub Star: 75.5k+

Explore Icons

Heroicons

Heroicons is an open-source collection of 450+ free SVG icons designed to integrate with Tailwind CSS. It offers multiple styles, customization, and support for React and Vue libraries, and includes a Figma file.

Designers and developers use it to save time and streamline their workflow, especially with Tailwind CSS.  

Features:

• 450+ free icons.
• SVG, JSX format.
• Multiple styles, including Outline, Solid, Mini, and Micro.
• React and Vue libraries.
• Figma support.
• Changeable size, color, and stroke.

GitHub Repository: tailwindlabs/heroicons

GitHub Star: 22.7k+

Explore Icons

Lucide

Lucide is an open-source, community-driven icon library that provides a massive collection of customizable SVG icons for designers. Its “Feather Icons” deliver simplicity and unmatched flexibility for users.

However, Tree-shaking improves performance by removing unused code. Additionally, the Figma plugin makes it easy to add icons to design workflows.

Features:

• 1,600+ SVG Icons.
• Supports major frameworks (React, Vue, Web, etc.)
• Customizable in size, color, and stroke.
• Tree-shakable for optimized performance.
• Active community support.

GitHub Repository: lucide-icons/lucide

GitHub Star: 18.4k+

Explore Icons

Iconoir – Open Source Icons Library

Iconoir is a popular and rapidly growing icon library with over 1,000 icons appropriate for web and mobile applications. It delivers a variety of styles and categories by providing ready-to-use icons.

Its customization options make it perfect for designers and developers who need outstanding, free icons for their projects.

Features:

• 1,600+ free Scalable SVG Icons.
• Supports React, Flutter, Vue, and more.
• Open-source (MIT License).
• Changeable (size, color, stroke).
• Lightweight and optimized.
• Active community and regular updates.
• Figma and Framer integration.

GitHub Repository: iconoir-icons/iconoir

GitHub Star: 4.0k+

Explore Icons

Tabler Icons – Free Vector Icons

Tabler Icons is a highly versatile and comprehensive open-source icon library, created with a focus on simplicity. It has over 5,900 icons, all designed consistently on a 24×24 pixel grid. In addition, it delivers scalable SVG files that are simple to customize with CSS.

Popular choice for developers and designers who are looking for a fast, top-notch icon set for developing web apps.

Features:

• Over 5,900 SVG icons across categories.
• Designed on a 24×24 grid with 2px stroke.
• Adjustable dimensions, hue, and outline.
• Integrates with SVG, React, Vue, SolidJS, and Figma.
• Open-source under MIT License.
• Frequent enhancements with added features.

GitHub Repository: tabler/tabler-icons

GitHub Star: 19.4k+

Explore Icons

Iconsax

Iconsax is an extensive icon library that offers 34,000 premium and 6,000+ free icons in six distinct styles, including Linear, Bold, and Two-Tone. It works with React, Vue, and others, letting you adjust size, color, and more.

With a Figma plugin and upcoming AI-powered icon generation, Iconsax is a versatile tool for designers and developers.

Features:

• 6,000+ free icons across categories.
• 6 styles: Linear, Bold, Two-Tone, Outline, Broken, Bulk.
• Cross-platform: React, Vue, Svelte, Flutter, Jetpack Compose.
• Editable size, color, stroke, and orientation.
• Figma plugin for easy integration.
• AI-powered custom icon generation.

GitHub Repository: lusaxweb/iconsax

GitHub Star: 367+

Explore Icons

IconPark

Iconpark is an open-source SVG icon library developed by ByteDance, the company behind TikTok. The main feature lets you change one icon into four themes: Outline, Filled, Two-tone, and Multi-color, with a customizable system.

Designers, developers, and product managers use it as a developer-friendly tool for their projects.

Features:

• Over 2,000 icons across 32 categories.
• Multi-theme support (outline, filled, two-tone, multi-color).
• Cross-platform components for React, Vue, and SVG.
• Adjust dimensions, hue, stroke thickness, and line patterns.
• Open-source under the Apache 2.0 license.

GitHub Repository: bytedance/iconpark

GitHub Star: 8.7k+

Explore Icons

Majesticons

Majesticons, designed by Gerrit Halfmann, is a popular icon library that comes with over 11,000 icons. It provides a cohesive visual language with icons crafted on a 24×24 grid. It also works smoothly with tools like Figma and Flutter, making it perfect for designing sleek interfaces.

This tool is ideal for UI/UX designers, web developers, and agencies looking for versatile icons to enhance projects.

Features:

• 11,000+ icons across 54 categories.
• Delivered in Line, Duotone, and Solid designs.
• Premium design crafted in Figma.
• Modify stroke width, corner radius, and colors.
• Provides Figma (.fig), IconJar (.jar), and SVG (.svg) formats.
• Lifetime access with frequent updates.

GitHub Repository: halfmage/majesticons

GitHub Star: 167+

Explore Icons

Octicons – A Scalable Set Of Icons

Octicons is GitHub’s official icon library offering over 200 scalable SVG icons designed for web applications. It supports multiple platforms like JavaScript, React, Ruby on Rails, and Jekyll, ensuring easy integration across various environments.

Whether you are a designer or a developer, it provides top-notch icons to create visually appealing interfaces effortlessly.

Features:

• 200+ free icons.
• Scalable SVG format for sharp visuals.
• Integrates with JavaScript, React, Ruby on Rails, and Jekyll.
• Recurring updates with new icons.

GitHub Repository: primer/octicons

GitHub Star: 8.4k+

Transform Designs with Icons

Bootstrap Icons – Open Source Icon Library

Bootstrap Icons is a comprehensive library of over 2,000 high-quality, customizable SVG icons. With full compatibility among Tailwind CSS, React, and Vue, it provides smooth integration into modern web applications. Additionally, it supports Figma for design workflows.

However, integration and modification make it a popular choice for web developers and designers.

Features:

• 2,000+ free SVG icons.
• Editable in size, color, and stroke.
• Supports SVG, SVG sprites, PNG, PDF, EPS, and web fonts.
• Tailwind CSS integration.
• React & Vue libraries.
• Figma support.

GitHub Repository: twbs/icons

GitHub Star: 7.6k+

Explore Icons

Material Symbols And Icons

Material Symbols is Google’s trendy, customizable icon library, a core component of the Material Design system. It offers over 2,500 icons to style with CSS, controlling properties like fill, weight, and size. It also delivers a font file for each icon requirement, enhancing the appearance of websites and apps.

An ideal tool for designers, developers, and teams who want consistency and speed in their work.

Features:

• Over 2,500 icons in different categories.
• Integrations for React, Vue, Angular, Figma, and Adobe XD.
• Outlined, Rounded, and Sharp styles.
• Variable font technology.
• Available in SVG, PNG, and web font formats.
• Open-source under Apache License 2.0.

GitHub Repository: material-design-icons

GitHub Star: 51.8k+

Explore Icons

Mage Icons

Mage Icons is a modern, open-source icon system offering over 1,000 icons designed for UI and SaaS applications. It comes in SVG and web font formats, making it easy to connect to websites, mobile apps, and desktop projects. Moreover, it includes various styles such as Stroke, Fill, and Brand.

Mainly used by UI/UX designers and developers who need a reliable icon library to create visually cohesive applications.

Features:

• 1,000+ icons across various categories.
• Provides SVG and web font formats.
• Stroke and fill styles.
• Robust search with multiple tags.
• Direct Figma integration.
• Frequent updates.

GitHub Repository: Mage-Icons/mage-icons

GitHub Star: 69+

Explore Icons

ICONSVG – Customizable SVG icons

Iconsvg is a robust tool that streamlines the search and generation of SVG icons for web and app projects. It gives editable icon attributes, direct access to SVG code, and a simple interface for an efficient workflow.

However, it is a crucial tool for developers and designers, offering fast, scalable icons for smooth integration.

Features:

• 280+ free editable icons.
• Direct code access for integration.
• User-friendly search and filter.
• Assets optimized for speed.
• Free and open license for all uses.

GitHub Repository: Does not have a public GitHub repository.

GitHub Star: No information.

Transform Designs with Icons

Streamline Icons

Streamline Icons is a comprehensive, customizable icon library offering over 180,000 icons across 34 families and 157 sets. It provides 24 styles, three weights (Light, Regular, Bold). Moreover, the library integrates seamlessly with design tools like Figma and Visual Studio Code.

Perfect for designers, developers, and product teams to save time and get outstanding icons.

Features:

• 180,000+ Icons across 34 families.
• 24 Styles including Core, Flex, and Remix.
• Three Weights: Light, Regular, Bold.
• Customizable size, color, and stroke.
• Figma & VS Code plugins.
• Free & Pro versions available.
• Scalable for all screen sizes.

GitHub Repository: webalys-hq/streamline-vectors

GitHub Star: 44+

Transform Designs with Icons

SVG Repo – Free SVG Vectors and Icons

SVG Repo is a comprehensive online library containing over 500,000 open-licensed SVG icons and vectors for commercial use. The built-in editor allows you to customize it to fulfill your needs.

An ideal tool for designers and developers, providing scalable, top-notch graphics that streamline projects and save time.

Features:

• 500,000+ free, open-licensed.
• Available in SVG, PNG, and other formats.
• Simple search and filter options.
• Community uploads for sharing creations.
• ML-powered search engine.
• Built-in icon editor.

GitHub Repository: Does not have a public GitHub repository.

GitHub Star: No information.

Transform Designs with Icons

Boxicons

Boxicons is a community-driven icon set that offers over 3,000+ scalable and customizable free icons. It supports multiple formats (SVG, PNG, web font) and seamlessly integrates with web and app projects.

Web developers and UI/UX designers use it for premium icons that enhance digital projects.

Features:

• 3,000+ free icons in various styles.
• Editable with corner styles, weights, and fills.
• CSS animation support (spin, pulse, fade).
• Available in SVG, PNG, JSX, and TSX formats.
• Figma plugin for easy integration.

GitHub Repository: atisawd/boxicons

GitHub Star: 3.1k+

Explore Icons

Feather Icons – Open Source Icons Library

Feather Icons offers a minimalist approach to icons, perfect for modern web and mobile design. It is a line-based icons library that provides scalable SVG files, which are highly customizable with CSS for color, size, and stroke width.

Best choice for web developers and designers who are seeking a simple, fast icon set for their projects.

Features:

• Over 280 icons are available.
• Line-based icons on a 24×24 pixel grid.
• Vector files are scalable without quality loss.
• Change color, size, and stroke width with CSS.
• Available as an NPM package.

GitHub Repository: feathericons/feather

GitHub Star: 25.5k+

Transform Designs with Icons

Eva Icons

Eva Icons is an open-source icon pack with over 480 icons, all available in outlined and filled styles. The icons are available in various formats, like SVG, web fonts, and design tool components. Moreover, built-in animation allows for designing engaging user interfaces.

Developers and designers can easily integrate and customize icons for optimal performance and consistent design.

Features:

• 480+ icons for UI and navigation.
• Supports SVG, PNG, web font, and Sketch.
• Animation support (zoom, pulse, shake, flip).
• Open-source under the MIT license.
• Easy integration with React and Angular.

GitHub Repository: akveo/eva-icons

GitHub Star: 8.6k+

Expore Icons

Basicons – Basic Icon Library

Basicons is a curated, free icon library that distributes a range of streamlined icons for web and app development. It offers top-notch, scalable SVG icons that are effortlessly customizable with CSS for clean, consistent designs.

However, the icon set is highly beneficial for UI/UX designers and front-end developers in their projects.

Features:

• Over 400 icons in different categories.
• Editable with CSS for color, size, and style.
• Constantly updated.
• Available in SVG and React JSX formats.
• Lightweight for better performance.

GitHub Repository: glenthemes/basicons

GitHub Star: 2+

Explore Icons

Uicons

Uicons is a freemium icon library with an extensive collection in styles like outlined, solid, and rounded. It provides lightweight, high-quality icons that are easy to integrate. Additionally, you can customize them with CSS for web and app development.

An excellent tool for developers, designers, and app creators to enhance user interfaces with stylish icons.

Features:

• Over 2000 icons.
• Fully editable with CSS.
• Scalable SVG and font formats.
• Free and premium icons are available.
• Open source with regular updates.
• Easy integration into web and app projects.

GitHub Repository: UIcons/UIcons

GitHub Star: 19+

Explore Icons

Flowbite Icons – Open-Source SVG Icons

Flowbite Icons is a Free, open-source icon library offering 500+ scalable SVG icons. These icons fit perfectly into the Tailwind CSS ecosystem, offering solid and outline styles.

It streamlines designer and developer workflows while providing excellent visuals for digital products.

Features:

• 500+ scalable icons.
• Tailwind CSS is compatible for integration.
• Available in solid and outlined styles.
• Supports SVG, React JSX, and Figma.
• Modify with CSS (color, size, etc.)
• Fine tuned for quick loading.

GitHub Repository: themesberg/flowbite

GitHub Star: 8.8k+

Explore Icons

Circum Icons

Circum Icons is a high-quality, community-driven icon library inspired by Google Material and IBM Carbon design systems. It delivers a consistent collection of scalable, uncluttered SVG icons on a 24×24 grid. Besides, fully compatible with React, Vue, and Svelte.

Best for developers and designers, it ensures modern, tidy designs with transparent personalization options.

Features:

• Over 285 icons.
• 24×24 grid for consistent icon design.
• Scalable SVG icons.
• Easy integration with React, Vue, and Svelte.
• Free under the MPL 2.0 license.
• Continuous updates with improvement.

GitHub Repository: Klarr-Agency/Circum-icons

GitHub Star: 180+

Explore Icons

Remix Icon – Open Source Icon Library

Remix Icon is a vector-based icon library known for its clean, neutral style and open-source nature. It offers over 3000 icons in both outlined and filled versions; all precisely designed on a consistent 24×24 grid.

However, it has consistency, readability, and flexibility, making it ideal for web and app developers and UI/UX designers.

Features:

• Over 3,000 premium icons.
• Neutral-style design.
• Entirely editable with CSS (color, size, etc.)
• Vector-based icons for clarity at any size.
• Pixel-perfect design for cohesive interfaces.

GitHub Repository: Remix-Design/RemixIcon

GitHub Star: 7.6k+

Explore Icons

CSS.GG – The CSS Icon Library 

CSS.GG is a UI icon library known for its innovative approach of using pure CSS to create icons. It provides over 700 icons in formats like SVG, Figma, and web fonts, making it highly versatile.

However, web developers, UI/UX designers, and app developers benefit from its performance and personalization.

Features:

• 700+ editable icons.
• Available in CSS, SVG, Figma, and web font formats.
• Customizable with CSS.
• Lightweight and scalable.
• Integrate into web and app projects.

GitHub Repository: astrit/css.gg

GitHub Star: 9.9k+

Explore Icons

Flagpack    

Flagpack is an open-source collection of over 250 changeable flag icons. It delivers pixel-perfect icons for various countries. However, you can effortlessly integrate it into design tools like Figma and Sketch.

It caters to both designers and developers by providing editable flag icons.

Features:

• 250+ editable icons.
• Optimized for small sizes.
• Smooth integration with Figma, Sketch, React, Vue, and Svelte.
• Preset styling effects for easy customization.
• Pixel-perfect design for web and app use.

GitHub Repository: Yummygum/flagpack-core

GitHub Star: 612+

Explore Icons

Conclusion

Choosing the right open-source icon library is key. Lineicons offers a powerful solution with over 26,082+ customizable icons, seamless integration with popular frameworks, and multiple styles. By using this tool, you save time and elevate your projects with top-notch icons. Besides, it is an invaluable tool for designers and developers alike.

Recommendation: I highly recommend Lineicons for its vast collection of customizable icons, smooth integration, and stylish design.