Open Source Icon Sets
Sort By:
Browse free open source Icon Sets and projects for Windows and Mac below. Use the toggles on the left to filter open source Icon Sets by OS, license, language, programming language, and project status.
-
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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
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
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). -
3
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. -
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. -
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.
-
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
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). -
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. -
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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(). -
16
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). -
17
Iconoir
An open source icons library with 1K+ icons
Iconoir is an open-source library with 1000+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters. A React library is available to install under the name iconoir-react. A Flutter library is available to install under the name iconoir_flutter. Iconoir is happily part of Framer now. To start using the icons, on the top menu, Insert > Graphics > Iconoir. You can switch between icons from the right sidebar in the editor. The class must always be "iconoir-" and then the name of the icon. The icons are display: inline-block and default to the current font size. You can control this by adjusting the ::before styles of the element. -
18
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. -
19
Polaris
Shopify’s design system to work together to build experiences
Shape the merchant experience for Shopify’s core product, the admin. Fundamental design guidance for creating quality admin experiences. Reusable elements and styles, packaged through code, for building admin interfaces. Coded names that represent design decisions for color, spacing, typography, and more. Over 400 carefully designed icons focused on commerce and entrepreneurship. The shopify/polaris repository is an intergalactic monorepo made up of NPM packages, VSCode extensions, and websites. Run commands across all workspaces. -
20
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. -
21
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. -
22
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. -
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
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. -
25
Academicons
An icon font for academics
Academicons is a specialist icon font for academics. It contains icons for websites and organizations related to academia that are often missing from mainstream font packages. It can be used by itself, but its primary purpose is to be used as a supplementary package alongside a larger icon set. Go here to view the full icon set along with instructions for their use. The organization in question is already using a logo/icon of appropriate dimensions (roughly square). If that doesn't exist, then there's really not much that can be done, and the request will have to be ignored until such time that a logo/icon can be provided. An icon of appropriate resolution can be provided or linked to. Ideally, the provided file will be a vector file (e.g. SVG, EPS, AI) or a PDF with the vector file embedded. These files are all very easy to work with, and result in the most faithful reproductions of the icon.
