Open Source Icon Sets
Sort By:
Browse free open source Icon Sets and projects for Windows and Linux below. Use the toggles on the left to filter open source Icon Sets by OS, license, language, programming language, and project status.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
Bootstrap Icons
Open source SVG icon library for Bootstrap
Free, high-quality, open-source icon library with over 1,600 icons. Include them any way you like, SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project. Bootstrap Icons are published to npm, but they can also be manually downloaded if needed. Bootstrap Icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. We recommend using a width: 1em (and optionally height: 1em) for easy resizing via font-size. Embed your icons within the HTML of your page (as opposed to an external image file). Here we’ve used a custom width and height. Use the SVG sprite to insert any icon through the <use> element. Use the icon’s filename as the fragment identifier (e.g., toggles is #toggles). SVG sprites allow you to reference an external file similar to an <img> element, but with the power of currentColor for easy theming. -
2
RemixIcon
Open source neutral style icon system
Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 2400+ icons are all elaborately crafted so that they are born with the gene of readability, consistency and perfect pixels. Each icon was designed in "Outlined" and "Filled" styles based on a 24x24 grid. Of course, all the icons are free for both personal and commercial use. Open-source neutral-style system symbols are elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use. -
3
Lucide
Beautiful & consistent icon toolkit made by the community
Community-run fork of Feather Icons, open for anyone to contribute icons. It began after growing disaffection with the Feather Icons project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted. Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers and hope that you'll join us. At its core, Lucide is a collection of SVG files. This means that you can use Lucide icons in all the same ways you can use SVGs (e.g. img, background-image, inline, object, embed, iframe). -
4
Open Weather Icons
Weather icon font and css themed icons
Weather icon font and CSS themed icons specially created for Open Weather Map API, are ready to be used in any project. Place the contents from the fonts and css folder in your project, assuming that your fonts are located under a ../fonts/ path relative to your CSS directory. The icons are displayed by using the i element and adding the base class owi and the icon class that you want, such as a owi owi-01d the code 01d is the icon code that you get from Open Weather Map. -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
Phosphor Icons
The homepage of Phosphor Icons, a flexible icon family for everyone
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. 1047 icons and counting. 6 weights: Thin, Light, Regular, Bold, Fill, and Duotone. Designed at 16 x 16px to read well small and scale up big. Raw stroke information retained to fine-tune the style. We use a similar approach as many other icon sets out there, providing icons as a webfont that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. But you don't need to know that. Phosphor's intuitive but powerful API can style the color, size, and weight of an icon with a few keystrokes, provide default styles to all icons via the Context API, or directly manipulate the SVG at runtime through render props to do some amazing things! Supports tree-shaking, so your bundle only includes code for the icons you use. -
6
Mono Icons
Simple, consistent open-source icon set
The Mono icon font is a simple, consistent open-source icon set designed to be used in a wide variety of digital products. You can download the whole set of SVG icons or selected items. Designers can make a Figma duplicate or click the copy SVG button to copy and paste icons in design files. A simple, consistent open-source icon set designed to be used in a wide variety of digital products. -
7
Numix icon theme
Base icon theme from the Numix project
Numix is the icon theme from the Numix Project. It is heavily inspired by, and based upon parts of the Elementary, Humanity and Gnome icon themes. Numix is designed to be used along-side an application icon theme like Numix Circle or Numix Square. This readme provides information on installation and icon requests. Licensed under the GPL-3.0+ -
8
React Native Vector Icons
Customizable Icons for React Native with full styling
Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the fonts. You can either use one of the bundled icons supported or roll your own custom font. Since Icon builds on top of the Text component, most style properties will work as expected, you might find it useful to play around with background color, border width, border color, border radius, padding, margin, color, font size, etc. -
9
Font Awesome Icon Pack
Add Font Awesome to your selectable icons in Umbraco 7 & Umbraco 8
Add Font Awesome to your selectable icons in Umbraco 7 & Umbraco 8. This package adds the Font Awesome v5.15.1 open source icon set to your selectable icons within the Umbraco back office. It includes the COVID-19 free awareness icons. The package ( Font Awesome Icon Pack ) can currently be installed directly from within the back office on both Umbraco 7 & 8 or downloaded from OUR and installed as a local package. Once installed, to check everything is working, go to the Settings section, edit a document type and try and change the icon being used for the document type. -
Auth0 B2B Essentials: SSO, MFA, and RBAC Built InAuth0's B2B Essentials plan gives you everything you need to ship secure multi-tenant apps. Unlimited orgs, enterprise SSO, RBAC, audit log streaming, and higher auth and API limits included. Add on M2M tokens, enterprise MFA, or additional SSO connections as you scale.
-
10
SFSafe Symbols
Safely access Apple's SF Symbols using static typing
At WWDC 2019, Apple announced a new library of icons that came included with that year's new operating system versions. To browse them, there's a dedicated Mac app called SF Symbols. You can be sure your symbol code won't crash due to typos or symbol availability issues. This is because all symbols are tested via a CI (on the latest iOS & tvOS versions and also some earlier OS versions). Lookups in the SF Symbols app (e. g. about available layersets, available localizations & the look of the symbol) are no longer needed because every symbol is documented in code. Multiple SF Symbols versions are supported at the same time (via utilization of the @availability flag). Each symbol is only made available on those platform versions where Apple says it's available. Renamed symbols can be detected easily (via a deprecation notice which suggests the use of the new name at the same time). -
11
iX Icons
Icon web font library for @siemens/ix
Icon web font library for @siemens/ix. Using icons within your project. You need to install and load styling. -
12
DevUI for Angular
Angular UI Component Library based on DevUI Design
The DevUI Design Design system contains a combination of DevUI rules, Design languages, and best practices. DevUI Design allows developers to focus more on application logic, while designers focus on user experience, interactions, and processes. Open source front-end solutions for enterprise mid- and back-office products. DevUI is an open-source front-end solution for middle and back-end products of enterprises. Its design values are based on the three concepts of "simplicity", "immersion" and "flexibility" combining nature and humanity, aiming to provide a standard for designers and front-end developers It is an enterprise-level out-of-the-box product that meets various landing scenarios. Based on the Angular framework, DevUI provides a variety of components with powerful functions and rich scenarios, such as Tree, Table, etc. -
13
Feather
Simply beautiful open source 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. At its core, Feather is a collection of SVG files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. img, background-image, inline, object, embed, iframe). Here's a helpful article detailing the many ways SVGs can be used on the web: SVG on the Web – Implementation Options. All elements that have a data-feather attribute will be replaced with SVG markup corresponding to their data-feather attribute value. See the API Reference for more information about feather.replace(). -
14
FlagKit
Beautiful flag icons for usage in apps and on the web
Beautiful flag icons for usage in apps and on the web. All flags are provided as stand-alone PNG and SVG files. FlagKit also provides an Asset Catalog and framework for easy use on Apple platforms. FlagKit provides a framework for easy installation as a dependency. You can also manually copy the Asset Catalog into your project. FlagKit provides both rectangular unstyled flags and styled flags in a variety of shapes. Our sample project demonstrates how to display flags and customize them into different shapes (rounded corners, square, circle). -
15
Iconify
Universal icon framework. One syntax for FontAwesome, Material Design
Iconify is a universal icon framework that aggregates over 150 open-source icon sets—including FontAwesome, Material Design Icons, DashIcons, Feather, EmojiOne, and more—into a single, consistent syntax, making it vastly easier for developers to work with scalable vector icons across web and app projects. The project provides a standardized API and tooling for embedding SVG icons in frameworks such as React, Vue, and Svelte, letting developers include and style icons without multiple disparate libraries or imports. With a searchable library of more than 200,000 icons, Iconify enables teams to unify visual language across applications while optimizing performance by loading only the icons actually used. Developers can also convert and manage icon sets, extend them, or integrate Iconify into build systems and design tools, bringing a flexible, consistent resource to large UI systems. -
16
ImGuiFileDialog
File Dialog for Dear ImGui
ImGuiFileDialog is a file selection dialog built for (and using only) Dear ImGui. My primary goal was to have a custom pane with widgets according to file extension. This was not possible using other solutions. ImGuiFileDialog follows the master and docking branch of ImGui . currently ImGui 1.88. The commands create a lib directory where you can store any third-party dependencies used in your project, downloads the ImGuiFileDialog git repository and checks out the Lib_Only branch where the actual library code is located. You must also, of course, have added Dear ImGui to your project for this to work at all. dirent v1.23 is required to use ImGuiFileDialog under Windows. It is included in the Lib_Only branch for your convenience. Can have many function calls with different parameters for one display function. Can also display different things according to current filter and UserDatas. -
17
Material design icons
The icon set from Google
Material design icons is the icon set from Google, which follows the material design guidelines. These system icons are simple, modern and also delightful and beautifully crafted symbols that depict universal actions, items and concepts used commonly throughout a UI. All icons are available in a range of sizes, densities and themes, and have been optimized for beautiful display on all common platforms and display resolutions. The full set of icons can be viewed in the Material Icons Library, and are available in several formats and suitable for different types of projects. Developers can use them in their digital products for Android, iOS, and web; and designers in their mockups or prototypes. -
18
Primer Octicons
A scalable set of icons handcrafted by GitHub
This repository contains several libraries. Each of them is in the lib/ folder and gives access to Octicons on a different platform/language. The octicons node.js library is the main JavaScript library. With a JavaScript API that can be used in a variety of applications. Select the icon frames you want to commit. Make sure the frames are either 16x16 or 24x24 and that you've outlined all strokes. Select the branch you want to commit to. You can choose an existing branch or create a new branch. Press "Commit." The plugin will then export, commit, and push the selected icons to the branch you chose. If you chose to create a new branch, the plugin will give you a link to where you can start a new pull request with your branch. -
19
React Icons
svg react icons of popular icon packs
Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc. SVG is supported by all major browsers. With react-icons, you can serve only the needed icons instead of one big font file to the users, helping you to recognize which icons are used in your project. From version 3, vertical-align: middle is not automatically given. Import path has changed. You need to rewrite from the old style. You can add more icons by submitting pull requests or creating issues. -
20
SVG To Font
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font
Read a set of SVG icons and output a TTF/EOT/WOFF/WOFF2/SVG font, a generator of fonts from SVG icons. -
21
SwiftIcons
Swift Library for Font Icons - this library
A library for using different font icons. Swift Library for Font Icons: dripicons, emoji, font awesome, icofont, ionicons, linear icons, map icons, material icons, open iconic, state, weather. Now, you don't have to download different libraries to include different font icons. This SwiftIcons library helps you use icons from any of the following font icons. SwiftIcons supports different objects from the object library. -
22
Vue Unicons
1000+ Pixel-perfect svg icons for your next project as Vue components
1000+ Pixel-perfect svg unicons for your next project as Vue components. Vue Unicons is open source project and completely free to use. A simple way to add the necessary icons and install them. You can configure the icons globally. Simply specify the required parameters during installation. No icons you need? No problem, you can add custom svg icons. Then we add the file path inside the plugins key in nuxt.config.js, and set mode: 'client' to make vue-unicons work only in a browser. -
23
Warhammer 40K Icon
Warhammer 40000 icons
Free to download Warhammer 40.000 icons as SVG/iconfont. Symbols and names belong to Games Workshop. -
24
drawthe.net
drawthe.net draws network diagrams dynamically from a text file
drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created. Complex network diagrams typically involve specific place of icons, connections and labels using a tool like Visio or OmniGraffle using a mouse and constantly zooming in and out for single-pixel placement. The goal behind drawthe.net, was to be able to describe the digram in a text file and have it rendered in SVG in the browser. I simply wanted to be able to draw network diagrams as fast as it could be done on a dry-erase board without using a mouse. Each icon and icon family may behave differently when the fill and stroke are applied, review the icon cut sheets to see the icons available for each family with the iconFill and iconStroke set. -
25
styled-icons
Popular icon packs like Font Awesome, Material Design, and Octicons
styled-icons provides over 20,000 icons from the following icon packs as Styled Components, with full support for TypeScript types and tree-shaking / ES modules. Finally, you will need to have installed a version of styled-components at least version 4.1.0 or newer, as styled-icons depends on styled-components as a peer dependency. All icons are available for preview at the Icon Explorer. For the individual icon pack packages (@styled-icons/PACK), the icons are also importable individually - this is not possible with the uber-styled-icons package containing all the packs. Some icons natively have non-square dimensions - original dimensions are exported from the individual icon exports. All icons are exported as Styled Components, which means it is possible to utilize the Styled Components API. If you wish to style all icons at once, you can create a wrapper styled component that imparts a particular style to all icons contained within the wrapper by targeting the StyledIconBase.
