Open Source Mac Icon Sets
Sort By:
Icon Sets for Mac
View 80 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 for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
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 Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
5
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. -
6
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. -
7
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. -
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
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. -
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.
-
10
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.
-
11
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. -
12
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). -
13
Keyrune
Magic: the Gathering set symbol pictographic font
Keyrune is the first suite of complete Magic: the Gathering expansion and set symbols as a pictographic font. You can use this font anywhere you want to display set symbols—in your MtG app or website, documents, card images, anything! Each set symbol has its own font character. Display them in a manner similar to Font Awesome. Class name codes are based on the expansion codes from MTG JSON. To copy Keyrune symbols into your desktop software (or access to vectors directly), go to the Cheatsheet on the documentation site, copy the character (not the unicode representation), and then paste it into your desktop application after installing keyrune.ttf. -
14
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. -
15
Warhammer 40K Icon
Warhammer 40000 icons
Free to download Warhammer 40.000 icons as SVG/iconfont. Symbols and names belong to Games Workshop. -
16
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. -
17
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. -
18
Jenga Icons
Collection of adaptable icons designed for use in interfaces
Jenga Icons is a collection of adaptable icons designed for use in interfaces, diagrams, and other applications. The icon components can receive all the props that a standard SVG element can, which includes inline style objects, onClick handlers, and other properties. The Jenga icon family is easy to customize and truly conistent in scale and style. -
19
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+ -
20
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). -
21
Replacements Icons
Replacement icons for popular apps in the style of macOS Big Sur
Download one of our free icon templates from the resources page. You just need to download the icon you want, find the app to update on Finder, select it and "File/Get Info" or "⌘-I" and drag and drop the downloaded .icns file to the new window. Download the template for Sketch, Figma, Pixelmator, Photoshop, Pixelmator or Illustrator from the Resources page. -
22
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. -
23
unplugin-icons
Access thousands of icons as components on-demand universally
Access thousands of icons as components on-demand universally. Any icon sets - 100+ popular sets with over 10,000 icons, logos, emojis, etc. Powered by Iconify. Major build tools - Vite, Webpack, Rollup, Nuxt, etc. Powered by unplugin. Major frameworks - Vanilla, Web Components, React, Vue 3, Vue 2, Solid, Svelte, and more. On-demand - Only bundle the icons you really use, while having all the options. SSR / SSG friendly - Ship the icons with your page, no more FOUC. Stylable - Change size, color, or even add animations as you would with styles and classes. Load your custom icons to get universal integrations at ease. Use icons as components directly in your template. TypeScript support. From v0.13.2 you can also use raw compiler to access the svg icon and use it on your html templates, just add raw to the icon query param. -
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
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.