25+ Best Open Source Icon Libraries in 2026

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 27,988+ 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.

The Free Basic pack is MIT licensed, so you can use it in commercial or personal projects without attribution. A Pro tier adds the full library.

Features:

• 27,988+ icons in different categories, with 4,000+ free
• 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, stroke width, and rotation
• Effortless React, Angular, Vue, Svelte, and React Native integration
• Figma plugin
• Pro CDN for faster loading and extra features
• Free Basic pack under MIT license

GitHub Repository: LineiconsHQ/Lineicons

GitHub Star: 150+

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, such as Web Fonts and SVGs, 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.

One thing to check before you commit: Font Awesome Free splits its license three ways. CC BY 4.0 covers the SVG and JS icon files, SIL OFL 1.1 covers the fonts, and MIT covers everything else. The CC BY 4.0 part requires attribution, usually satisfied by leaving the comment header in the CSS file.

Features:

• 2,163 free icons in solid, regular, and brand styles
• 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 accessibility
• Performance optimization
• Premium version available, unlocking Thin, Light, Sharp, and Duotone styles

GitHub Repository: FortAwesome/Font-Awesome

GitHub Star: 76.8k+

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 workflows, especially when using Tailwind CSS.

Worth knowing before you commit: Tailwind Labs accepts only bug fixes. They are not adding new icons or support for other frameworks such as Svelte or SolidJS, and say so in the README. If you need icons beyond the current set, you will need to supplement from elsewhere.

Features:

• 450+ free icons under the MIT license
• SVG, JSX format
• Four sets: 24px outline, 24px solid, 20px solid (Mini), and 16px solid (Micro)
• First-party React and Vue libraries
• Figma support
• Changeable size, color, and stroke
• Styled by setting the CSS color property, which works with Tailwind utility classes

GitHub Repository: tailwindlabs/heroicons

GitHub Star: 23.7k+

Explore Icons

Lucide

Lucide is an open-source, community-driven icon library that provides a massive collection of customizable SVG icons for designers. It began as a fork of Feather Icons and keeps the same clean, simple stroke style, but while Feather has slowed, Lucide ships regular updates and has grown well beyond the original set.

Tree-shaking improves performance by removing unused code, so a project that imports 20 icons ships only 20 icons rather than the entire library. Additionally, the Figma plugin makes it easy to add icons to design workflows.

One thing to know: Lucide does not include brand or company logos, and the maintainers have said they will not add them. For social media or payment provider icons, you will need another source.

Features:

• 1,768 SVG icons
• ISC license, free for commercial use with no attribution
• Supports major frameworks (React, Vue, Svelte, Angular, Solid, Web)
• Customizable in size, color, and stroke width
• Tree-shakable for optimized performance
• Active community support with frequent releases

GitHub Repository: lucide-icons/lucide

GitHub Star: 23.9k+

Explore Icons

Iconoir – Open Source Icons Library

Iconoir is a popular icon library with 1,600+ unique icons designed on a 24×24 pixel grid, 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 on a 24×24 grid
• Open-source under the MIT licence
• Supports React, React Native, Flutter, Vue, and Swift
• Changeable size, color, and stroke
• CSS classes for use without a build step
• Lightweight and optimized
• Active community and regular updates
• Figma and Framer integration, with Iconoir built into Framer

GitHub Repository: iconoir-icons/iconoir

GitHub Star: 4.5k+

Explore Icons

Tabler Icons – Free Vector Icons

Tabler Icons is a highly versatile and comprehensive open-source icon library, designed with simplicity in mind. It has 6,184 icons, all designed consistently on a 24×24 pixel grid with a 2px stroke. In addition, it delivers scalable SVG files that are simple to customize with CSS.

The set splits into 5,130 outline and 1,054 filled icons. Because every icon is drawn using the stroke-width Property, changing that single value gives you lighter or heavier variants across the whole library without swapping any files.

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

Features:

• 6,184 SVG icons across categories
• Designed on a 24×24 grid with 2px stroke
• Adjustable size, color, and stroke width
• Official packages for React, Vue, Angular, Svelte, and Jetpack Compose
• Separate webfont package for class-based use
• SVG sprite support for repeated icons
• Open-source under the MIT License

GitHub Repository: tabler/tabler-icons

GitHub Star: 21.3k+

Explore Icons

Iconsax

Features:

• 7,000 free icons across 33 categories
• 6 styles: Line, Bold, Bulk, Two-tone, Broken, Outline
• Free formats: SVG, PNG, and WebP
• Code for Vue, React, Svelte, JavaScript, TypeScript, and Web Components
• Editable color, size, and stroke on free icons
• Figma plugin and web platform
• AI icon generation through token purchase
• Pro adds 44,250 icons, straight stroke endings, 1,000 animated icons, and font formats (WOFF, WOFF2, TTF)

GitHub Repository: lusaxweb/iconsax  ( v1 )

GitHub Star: 385+

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. ByteDance uses it across its own commercial product line, with 12 platforms sharing it as underlying code.

Features:

• 2,600+ basic icons across 29 categories
• Multi-theme support (outline, filled, two-tone, multi-color)
• Separate packages for React, Vue 2, Vue 3, and plain SVG
• Adjust size, color, stroke width, and line caps
• Open-source under the Apache 2.0 license

GitHub Repository: bytedance/iconpark

GitHub Star: 9.1k+

Explore Icons

Majesticons

Majesticons, designed by Gerrit Halfmann, is a popular icon library featuring over 11,000 icons. It provides a cohesive visual language with icons crafted on a 24×24 grid. It also integrates seamlessly with Figma, making it ideal for designing sleek interfaces.

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

The free version holds 760 icons in line and solid styles under the MIT license.

Features:

• 760 free icons under MIT, or 11,000+ across 54 categories in the full library
• Delivered in Line, Duotone, and Solid designs
• Premium design crafted in Figma
• Modify stroke width and colors
• Provides SVG files and a Figma master file
• Lifetime access with frequent updates

GitHub Repository: halfmage/majesticons

GitHub Star: 185+

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 that help you create visually appealing interfaces effortlessly.

The set covers version control concepts that other libraries skip: branches, commits, pull requests, merge states, and repository actions. Icons are drawn separately at 16px and 24px rather than scaled from one size, so each stays sharp at its intended dimensions.

Features:

• 200+ free icons, drawn at 16px and 24px
• Scalable SVG format for sharp visuals
• Packages for JavaScript, React, Styled Components, Ruby, Rails, and Jekyll
• MIT license for the code, with separate guidelines for GitHub’s own logos
• Regularly get updates.

GitHub Repository: primer/octicons

GitHub Star: 8.7k+

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 and color
• Supports SVG, SVG sprites, and web fonts
• Install via npm or Composer, or load from the jsDelivr CDN
• Community React and Vue component packages available
• Figma support
• Open source under the MIT license

GitHub Repository: twbs/icons

GitHub Star: 8.1k+

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: 53.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: 90+

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: 90+

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.2k+

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: 26k+

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.8k+

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: 20+

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: 9.3k+

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: 181+

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: 8.3k+

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: 10k+

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: 650+

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.