Open Source Icon Sets
Sort By:
Browse free open source Icon Sets and projects below. Use the toggles on the left to filter open source Icon Sets by OS, license, language, programming language, and project status.
-
Keep company data safe with Chrome EnterpriseMake AI work your way with Chrome Enterprise. Block unapproved sites and set custom data controls that align with your company's policies.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
Font Awesome
Get vector icons and social logos for your website or blog
Font Awesome was created in a successful Kickstarter and is an easy way for web developers to add icons and logos to their website. There is both a free version and a pro version for extra features and icons. You can support the developers by buying a custom FontAwesome T-Shirt! https://fontawesome.com/shirts -
2
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. -
3
Feren OS
A pseudo-rolling Operating System made with love
Feren OS is a free and open-source operating system with a pseudo-rolling-release nature. It is designed to be stable, more powerful, and more secure. With a new yet familiar user experience now included, it has never been a better time to check out Feren OS. -
4
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). -
Simple, Secure Domain RegistrationRegister or renew your domain and pay only what we pay. No markups, hidden fees, or surprise add-ons. Choose from over 400 TLDs (.com, .ai, .dev). Every domain is integrated with Cloudflare's industry-leading DNS, CDN, and free SSL to make your site faster and more secure. Simple, secure, at-cost domain registration.
-
5
The goal of this project is to offer a consolidated library of icons used in various libraries, window makers, themes and other applications. Over 10,000 unique icons in svg, png, xpm, ico, and icns formats. See homepage for details.
-
6
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. -
7
Android-SwitchIcon
Google launcher-style implementation of switch (enable/disable) icon
Google launcher-style implementation of switch (enable/disable) icon. This library is compatible from API 15 (Android 4.0.3). SwitchIconView extends from AppCompatImageView so you can set icon with app:srcCompat. Set any icon (vector or image) to SwitchIconView and enjoy a switchable icon in your app. Use app:si_tint_color to set color to icon. The default color is black. Use app:si_animation_duration if you want to change switching state animation duration. Use app:si_no_dash if you don't want to draw dash, when icon is disabled. Use app:si_disabled_alpha to set alpha when icon disabled. The default alpha is .5. -
8
Elastic UI Framework
Elastic UI Framework
The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts. Uses high contrast, color-blind safe palettes and is tested with most assistive technology. Configurable enough to meet the needs of a wide array of contexts while maintaining brand and low-level consistency. Code is friendly to the novice and expert alike. The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic. The primary goal of this library is to provide reusable UI components that can be used throughout Elastic's web products. As React components, they remove CSS from the process of building UIs. As a single source of truth, the framework allows our designers to make changes to our aesthetic directly in the code. -
9
Ionicons
Hand-crafted icons built by Ionic for web apps
Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. Completely open source, MIT licensed and built by Ionic. Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was made for Ionic Framework, a cross-platform hybrid and Progressive Web App framework. The Ionicons Web Component is an easy and performant way to use Ionicons in your app. The component will dynamically load an SVG for each icon, so your app is only requesting the icons that you need. Also note that only visible icons are loaded, and icons which are "below the fold" and hidden from the user's view do not make fetch requests for the svg resource. If you're using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. -
Photo and Video Editing APIs and SDKsUnlock Picsart's full editing suite by embedding our Editor SDK directly into your platform. Offer your users the power of a full design suite without leaving your site.
-
10
Icons8 Line Awesome
Replace Font Awesome with modern line icons
Replace Font Awesome with modern line icons. Swap Font Awesome for modern line icons in one line of code. Line Awesome is a free alternative for Font Awesome 5.11.2. It consists of ~1380 flat icons that offer complete coverage of the main Font Awesome icon set. This icon font is based off of the Icons8 Windows 10 style, which consists of over 4,000 icons, so be sure to check that out if you need more specific icons. The icon can have 3 styles: regular, solid or brand. For each style, there is a corresponding class: lar, las or lab. Wherever you desire to place an icon simply insert the following code and change the class names (laX la-XXX) to correspond to the icon of your choice. To use Line Awesome in your favorite design tool just import desired fonts to your project and you are ready to go! Note: there are 3 files, one for each style (regular, solid, brands). If you want to use all icons please import all 3 files. -
11
Laravel Orchid Icons
Simple, minimal line, and clean icon pack in vector formats
Simple, minimal line, and clean icon pack in vector formats, free for public use. The package comes with a set of icons that can be found on the Bootstrap Icons. These icons are prefixed with bs. which is used as a prefix to identify the icons in your code. In order to include an icon from a popular icon set such as Font Awesome, you can create a new directory for storing the icons. Once you have created the new directory, you can download the appropriate icons and place them in the new directory. For example, you can download the notebook icon and place it in the fontawesome subdirectory. -
12
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. -
13
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. -
14
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. -
15
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). -
16
angular-fontawesome
Angular component for Font Awesome 5+
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier – like circle-plus, slash, or even poop – to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. Font Awesome Sharp Solid and Regular, the first styles in our new Sharp family, are ready to use when you need a special touch of class for your project! Read the announcement and see what's new in the 6.3.0 release. Font Awesome 6 makes it even easier to use icons where you want to. More plugins and packages to match your stack. Less time wrestling browser rendering. We know the pain of wrangling icons on the internet. That's why in 2012, we created the first version of our open-source icons and toolkit. And with the help of our subscription plan Font Awesome Pro, we've built a lean icon-obsessed team who keep cranking out more icons, more styles, and more services for everyone. -
17
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. -
18
File Icon Font
File icons in the file tree
File icons in the file tree using vscode-material-icon-theme. Visit our website and check out the search feature, which has keywords identifying common icon names and styles. For example, if you search for "swift" we call up every icon that could possibly be used as an arrow. We've also included each icon's class name for easy copy/pasting when you're developing! They are free to use and licensed under MIT. Use them wherever you see fit, personal or commercial. -
19
Icon Font to PNG
Python script (and library) for exporting icons from icon fonts
Python script (and library) for easy and simple export of icons from web icon fonts (e.g. Font Awesome, Octicons) as PNG images. The best part is the provided shell script, but you can also use it’s functionality directly in your (probably awesome) Python project. There’s also font-awesome-to-png script for backward compatibility with the first iteration of the concept. You can use IconFont (and IconFontDownloader for that matter) directly inside your Python project. There's no proper documentation as of now, but the code is commented and should be pretty straightforward to use. -
20
La Capitaine
An icon pack designed to integrate with most environments
La Capitaine is an icon pack — designed to integrate with most desktop environments. The set of icons takes inspiration from the latest iterations of macOS and Google's Material Design through the use of visually pleasing gradients, shadowing, and simple icon geometry. Every image in this theme is a scalable vector graphic so it will look great at any size, on any screen. In my spare time, I work on adding new icons, updating old ones, and making this theme more complete. Since this theme is updated often, you should clone this git repository and pull regularly to make sure you're always up-to-date. La Capitaine comes with a configuration script that attempts to determine your distribution and desktop environment. Using this information, La Capitaine updates several system icons and icons used for mime-types. La Capitaine doesn't ship with two distinct variants, because I wanted to keep the size of this project to a minimum. -
21
Papirus
Papirus icon theme for Linux
Papirus is a free and open source SVG icon theme for Linux, based on Paper Icon Set with a lot of new icons and a few extras, like Hardcode-Tray support, KDE colorscheme support, Folder Color support, and others. Some software uses an absolute path instead of the icon name in a .desktop file or in the source code which makes them unthemable. To deal with hardcoded application icons we recommend using hardcode-fixer. Papirus supports most of the applications in the list. If hardcode-fixer doesn't support your favorite app yet, please open an issue here or edit your .desktop file manually. To fix icons of running Steam games, you can use Steam Icons Fixer script, that will connect all icons available from our icon theme with your installed games. -
22
The Lila theme is a community project to provide an icon set and other lila-style resources for your desktop. The theme to based around SVG graphics - which means they can be scaled to any size without loss of quality.
-
23
Blade Icons
A package to easily make use of SVG icons in your Laravel Blade views
A package to easily make use of SVG icons in your Laravel Blade views. Choose from a wide selection of icon sets. Like the Heroicons on the right. With 66 different icon sets, we probably can find the right one for you. Blade Icons is a base package to make it easy for you to use SVG icons in your app. In addition, there's also quite some third party icon set packages. When working with Blade Icons, and third party icon sets in particularly, you'll often be working with large icon sets. This can slow down your app tremendously, especially when making use of Blade components. To solve this issue, Blade Icons ships with caching support. Caching icons means you won't be able to add extra icons, change paths for icon sets or install/remove icon packages. To do so make sure you first clear the icons cache and cache after you've made the necessary changes. -
24
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(). -
25
Kentico Icons
Icon set by Kentico
Kentico icons are the official icon set from Kentico that we use in our products. production/ directory holds all sources you need. production/fonts/ contains font files and production/icon-variables.less is mapping between icon font symbol and icon name. We recommend using icon variables as font symbols can be subject to change. Do not forget to set up your CSS font-face. Generate your own icon set. Create your own generator to create your LESS/SASS/CSS file out of selection.json. Source icons are located in the design folder as SVG files. Feel free to adjust or expand the set according to your needs. In the production folder there is selection.json file. Use selection.json to import it as a Project into Icomoon's app. By loading a project you'll be able to select and eventually generate your own icon set with corresponding font and CSS files.
Guide to Open Source Icon Sets
Open source icon sets are collections of icons created by designers from all over the world that have been released to the public domain for anyone to use. They are often used in web and software design projects, but can be used for a myriad of other purposes. Typically, open source icons come in various formats - SVG, PNG, or AI - making them easy to edit or customize and adapt according to the user’s needs.
The primary benefit of using open source icon sets is that they are free to use without fear of copyright infringement. The creator may specify certain types of usage requirements, such as allowing modifications or requiring proper attribution when using them commercially, but generally speaking you won’t have to worry about getting into legal trouble when using these icons. Additionally, since many designers contribute work and resources to open source icon sets, there is usually a good selection of high-quality designs available.
Lastly, when using an open source icon set it’s important to follow the license guidelines set forth by its creators; for example if specified on their terms page some icon sets may require you give credit back to the designer who created it, not resell them as your own design work, or not use them within any offensive context. Following these guidelines allows us all to share freely and build upon one another's creations while still giving credit where credit is due.
What Features Do Open Source Icon Sets Provide?
- Vector Format: Open source icon sets often come in vector format, which means that the artwork is made up of points, lines and curves rather than pixels. This allows icons to be resized without any loss of quality, meaning they can be used for a variety of sizes without compromising their look.
- Scalability: Open source icons are usually designed with scalability in mind, meaning they look good at any size. This makes them great for responsive design and other applications where you need to fit the same icon into different contexts.
- Variety: Most open source icon sets provide a large selection of icons that cover many topics and subjects. This gives designers more options when choosing what type of icon to use for their project.
- Customizable: Many open source icon sets can be customized by changing colors and shapes, or even creating your own unique versions from the original artwork. This allows designers to tailor an icon set to their specific needs or tastes.
- Flexibility: Open source icons are often free to use however you want, which gives you plenty of flexibility when it comes to incorporating them into your designs or products. You don’t have to worry about copyright infringement as long as you follow any conditions imposed by the license agreement associated with the set.
What Are the Different Types of Open Source Icon Sets?
- Public Domain Icons: These are icons which are released under public domain licenses, meaning anyone is free to use, modify and share them for any purpose. They often include classic designs such as the copyright symbol and basic shapes like circles, squares, and arrows.
- Creative Commons Icons: These are icons which are released under Creative Commons licenses, meaning there is a set of rules that govern how they can be used. CC licenses come in various levels of attribution and some may require users to give something back in return for using the icon.
- Open Source Icons: Open source icons are those that have been created with open source software or released under an open source license. This means anyone is free to modify or redistribute them as long as the original author's credits remain intact.
- Free Icon Sets: Many developers release their own icon sets for free on their websites, blogs or repositories such as GitHub. While these sets may not be covered by a specific license or be considered “open source” they can still provide valuable resources for designers who need a quick fix or starting point for their work.
- Paid Icon Sets: Some developers offer paid icon sets which usually include more advanced features like layered PSDs, multiple sizes/formats and additional extras such as bonus illustrations and backgrounds.
What Are the Benefits Provided by Open Source Icon Sets?
- Cost Efficient: Open source icon sets are typically free or very low cost, making them a great option for businesses or individuals who are on a budget.
- Accessibility: Icon sets shared through open source platforms are available to anyone with an internet connection, meaning that these resources can be accessed by millions of people worldwide.
- Variety: Open source sets usually consist of a large variety of icons, so users can select the best ones for their project and have the flexibility to customize them as needed.
- High Quality: The icons found in most open source collections tend to be of high quality and they often come in multiple sizes, formats and color combinations.
- Flexible Licensing: Most open source sets use Creative Commons licensing which allows users to modify and redistribute the work while still giving due credit to the original creator. This encourages creativity and collaboration leading to even better results.
- Time Saver: Since users don't need to create each icon from scratch, they save time since they only need to select from existing options rather than creating something new from scratch.
Who Uses Open Source Icon Sets?
- Graphic Designers: Professionals who use open source icon sets for creating logos, advertisements, or any other design that requires icons.
- Developers: Programmers who utilize open source icon sets to create UI/UX designs, software applications, websites and mobile apps.
- Teachers: Educators who use the free resources of open source icon sets to create materials for teaching.
- Product Managers: Those responsible for overseeing product development from conception to delivery may access open source icon sets to quickly build visuals for user stories and product requirements.
- Marketers: Professionals in marketing often leverage open source icons as part of their campaigns or communications materials such as articles and newsletters.
- Corporate Trainers: Training professionals often need visuals to accompany their educational materials; they can save time by using pre-existing icons from an open source set instead of designing one from scratch.
- Entrepreneurs & Startups: Small business owners on a shoestring budget can save money by using existing open source icons when building their products or websites.
- Non-Profit Organizations: Charities and organizations can make use of free vector artformats when creating flyers and posters promoting events or causes they support.
- Hobbyists & DIYers: Homeowners looking for a creative way to add personality to their projects may also take advantage of available online graphic design resources like those found in an open source icon set.
How Much Do Open Source Icon Sets Cost?
Open source icon sets are completely free. There are many websites that offer high quality, professional looking icons for use in your projects. These sets can be used on desktop applications, websites and mobile apps. In addition to being free, most open source icon sets come with their own set of guidelines for usage and distribution – so you can easily follow the rules and make sure the credit goes to the original designer. Open source icon sets typically have a wide range of sizes, styles, colors and formats to choose from. With these sets you can create custom designs without spending any money at all.
What Do Open Source Icon Sets Integrate With?
Open source icon sets can be integrated with various types of software, including graphic design and image editing software, web development and programming software, mobile app development tools, data visualization tools and content management systems. For example, a graphic designer or illustrator might use an open source icon set to create logos, illustrations, or other graphics for branding purposes. Web developers could integrate the icons into websites or apps they are creating. Mobile app developers may use the icons in the user interface of their apps. Data visualization tools could also utilize open source icon sets to create graphical representations of data presented on websites or apps. Finally, content management systems often provide users with ways to include open source icons when they are creating webpages.
Recent Trends Related to Open Source Icon Sets
- Increased Availability: Open source icon sets have become much more accessible in recent years due to the emergence of various web-based platforms and applications. This has made it easier for developers and designers to access a variety of high-quality icons.
- Improved Design Quality: Open source icon sets have also seen an increase in design quality. As open source communities collaborate, designers are able to create more visually appealing and aesthetically pleasing icons.
- Popularity of Vector Icons: Vector icons have become increasingly popular among developers and designers. Vector icons are scalable, which makes them ideal for use on websites, mobile applications, and other digital products.
- Usage of Flat Icons: Flat icons have been gaining traction among developers and designers, as they provide a clean, modern look that is easy to read on a variety of screen sizes.
- Increase in Color Schemes: Many open source icon sets now feature multiple color schemes, allowing designers to choose from a range of colors to suit their project's brand identity.
- Focus on Accessibility: Open source icon sets are becoming more accessible for users with disabilities, as many now feature larger sizes and higher contrast ratio options.
Getting Started With Open Source Icon Sets
Getting started with open source icon sets is easy and can be a great way to enhance your projects. First, you need to find an open source icon set that has the icons you need. There are many websites where you can start looking, including The Noun Project and Icons8. Once you have found a set of icons that meets your needs, the next step is downloading them. Most icon sets are provided in files such as .svg or .png, which can be downloaded from the respective website and saved on your computer for later use.
Once you have downloaded your desired icon set(s), you can begin using them in your projects. Depending on what type of project you are working on, there may be different ways of implementing these icons. If you’re working on a website, for example, then it’s best to look into the HTML/CSS code for your project so that the appropriate code for displaying the icons is included in the design. For desktop applications or other types of software development projects, you may want to take a look at how to incorporate vector images into coding languages such as Java or C# so that they are displayed correctly within your application.
No matter what type of project you’re working on though, it’s important to make sure that all copyright notices associated with the open source icon set(s) are included somewhere when publishing or distributing them (often this means keeping a “Credits” file close at hand). This helps ensure that proper attribution is given to whomever created those icons and shows respect for their hard work. With these simple steps followed, soon enough any user will be up and running with open source icon sets for their projects.