Open Source Mac Icon Sets
Sort By:
Icon Sets for Mac
View 78 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.
-
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.
-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
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
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. -
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.
-
5
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). -
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
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.
-
8
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. -
9
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. -
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
10
IconPark
Transform an SVG icon into multiple themes, and generate React icons
IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icons. Instead of using various SVG source files to achieve different themes, We implement a technology that transforms the attributes of a single SVG source file into multiple themes. Besides, we provide cross-platform components, including react-icons, vue-icons and svg-icons. So whether you are a designer or a developer, you can use them in your designs or your projects for free. Basic coloring can be done by setting two attributes on the node: fill and stroke. Fill sets the color inside the object while stroke sets the color of the line drawn around the object. By changing these two attributes, you can transform a single SVG icon into different themes, including outline, filled, two-tone, and multi-color. -
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
MkFont
Tool to create & export fonts from existing assets
MkFont is a free (libre) tool to create & export fonts from existing assets. Component-based workflow, with advanced features to nit-pick & tweak metrics in a non-destructive way! A powerful component & compositing system, allowing for clever automation and infinite possibilities. Code points are organized by categories & blocks, immediately accessible and search-able. Bind your imported files to glyphs, or edit them on the fly. Use your time where it matters. You can search for specific characters, but also names & attributes. The search can look for known character associations & relationships, too! MkFont respects your assets and allows for experimenting safely with different settings until you find the one that suits your needs. MkFont comes with a small tool that takes a text blurb to show you which group of letters are recurring – and create ligatures out of them. -
13
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. -
14
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(). -
15
Paper Icon Theme
Paper Icon Theme
Paper is a modern freedesktop icon theme whose design is based around the use of bold colours and simple geometric shapes to compose icons. Each icon has been meticulously designed for pixel-perfect viewing. While it does take some inspiration from the icons in Google's Material Design, some aspects have been adjusted to better suit a desktop environment. This project has mixed licencing. You are free to copy, redistribute and/or modify aspects of this work under the terms of each licence accordingly (unless otherwise specified). You can build and install Paper from source using Meson. -
16
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. -
17
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. -
18
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. -
19
Phosphor Icons Web
A flexible icon family for the web
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Explore all our icons at Phosphor Icons Web website. We use a similar approach as many other icon sets out there, providing icons as several webfonts that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. Simply add one or more weights by including its stylesheet to the document head, and drop in icons with an i tag and the appropriate classes for the weight and the icon. Phosphor Icons come in 6 weights: regular, thin, light, bold, fill, and duotone. In order to use a weight, you must include a link to its stylesheet, and use the appropriate weight class on the icon (the regular weight uses .ph instead of .ph-regular). -
20
CoreUI Icons
Premium designed free icon set with marks in SVG, Webfont and raster
Premium-designed free icon set with marks in SVG, JavaScript, and Webfont formats. CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile apps. WOFF, SVG, TFF, and much more to make your development easier. Download our free package or buy pro. You gain SOLID, LINEAR and soon DUO-TONE style sets. Just browse our library to find out more. Multiple icons are grouped in categories like Nature, Transport, Interface, Food, Facilities, and many more, just browse our library to find out more. Not the exact shape? No worries. We have prepared some alternatives and keep on working on new ones. Just browse our library to find out more. -
21
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. -
22
MaterialIcons for Godot
Templarian's Material Design Icons for Godot
Templarian's Material-Design-Icons is a collection of icons for the Material Design specification. This addon provides the following nodes to use the icons in Godot. MaterialIcon: A node that displays an icon from the Material Design Icons collection. MaterialButton: A node that displays an icon from the Material Design Icons collection as a button (without label). It's also adds IconsFinder to the Godot's Tools menu. So you can find the icons easily. -
23
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. -
24
Radiance libraries
Building modern, elegant and fast Swing applications
Radiance is a collection of libraries for writing modern, elegant and fast Swing applications based on the Ephemeral design system. It is built with Java 9, and runs on Java 9 and later. Common provides APIs to work with images and text that scale with the display resolution. Radiance icons scale to maintain crisp, pixel-perfect visuals for application icons. Font APIs can be used to render platform-consistent textual content across a variety of supported platforms. Animation provides powerful and flexible animation APIs that scale from simple, single-property cases to complex scenarios that involve multiple animations. It powers all animations in the Radiance libraries. Theming provides a comprehensive set of APIs for skinning Swing applications, addressing the most demanding, modern design requirements. It comes with built-in support for all core Swing components, and a flexible API surface for rendering third-party / application components. -
25
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.
