Open Source Mac Icon Sets
Sort By:
Icon Sets for Mac
View 81 business solutionsBrowse free open source Icon Sets and projects for Mac below. Use the toggles on the left to filter open source Icon Sets by OS, license, language, programming language, and project status.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
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
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
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. -
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.
-
5
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. -
6
Simple Icons
SVG icons for popular brands
Over 2400 Free SVG icons for popular brands. Icons can be downloaded as SVGs directly from our website - simply click the download button of the icon you want, and the download will start automatically. Icons can be served from a CDN such as JSDelivr or Unpkg. Simply use the simple-icons npm package and specify a version in the URL. All icons are imported from a single file, where [ICON SLUG] is replaced by a capitalized slug. We highly recommend using a bundler that can tree shake such as webpack to remove the unused icon code. The icons are also available through our Packagist package. -
7
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. -
8
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.
-
9
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. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
10
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. -
11
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. -
12
Warhammer 40K Icon
Warhammer 40000 icons
Free to download Warhammer 40.000 icons as SVG/iconfont. Symbols and names belong to Games Workshop. -
13
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. -
14
MingCute Icon
Carefully Designed Icon Library
MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile. Every icon is designed within a 24 x 24 grid, giving an outline and filled styles, 2px stroke. Support for SVG,PNG and webfont. Head on to the website of MingCute. Click the icons, you can adjust the color size, and then download the icons in SVG or PNG format. -
15
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. -
16
Flutter Phosphor Icons
Phosphor Icons for Flutter
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Explore all our icons at phosphoricons.com. Now available for flutter. Now available for flutter (with null safety). -
17
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. -
18
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. -
19
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. -
20
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+ -
21
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). -
22
Animated hamburger menu icons for React
Animated hamburger menu icons for React
Hamburger menu icons for React, with CSS-driven transitions. Created to be as elegant and performant as possible. This means no JavaScript animations, no transitions on non-cheap properties and a small size. It is recommended to have a tap/click area of at least 48x48 pixels. Therefore, padding will be added around the icon to create a surface of exactly this size. Keyboard interaction is provided with the enter key, and the icon element has the recommended accessibility attributes (such as role). You can use the label property to supply an ARIA label for the icon. -
23
Bootstrap-Iconpicker
A simple icon picker
A simple iconpicker for Bootstrap 3.x and 4.x. Please note that this project is for Bootstrap 3.x and 4.x, including Glyphicons in Bootstrap 3.x. Other icon fonts that support: Elusive Icons, Font Awesome, Ionicons, Map Icons, Material Design Icons, Octicons, Typicons, Weather Icons, and Flag Icons. The CDN is updated after the release is made public, which means that there is a delay between the publishing of a release and its availability on the CDN. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. -
24
Bytesize Icons
Tiny style-controlled SVG iconset (101 icons, 12kb)
Each icon is hand-coded along a 32x32 grid, and uses SVG stroke allowing for maximum style flexibility; meaning you can adjust the weight, color, size, and if you want the edges to be round or square. Either drop each icon inline directly in your page as-needed, or loaded them up via external .svg file and the use tag. You can then easily change the weight of the icon by changing stroke-width attribute. You can also change the shape of the line caps and the line joins with stroke-linecap and stroke-linejoin. This will change the style of the icons by making them rounded or squared off. All these stroke properties are also available to use in CSS. Since there is a 2px margin between the paths and viewBox, I recommend not having a stroke-width larger than 4px (or 12.5%). 4px might seems small but it's relative to the 32x32 grid. -
25
Custom Electron Titlebar
Custom electon title bar inpire on VS Code title bar
Custom election title bar inspires on VS Code title bar. This project is a typescript library for the electron that allows you to configure a fully customizable title bar. To see the options you can include in the Title Bar constructor, such as color of elements, icons, menu position, and much more, and the methods you can use, go to the wiki