Top 23 Icon Open-Source Projects

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Project mention: [Accessibility] Points to Consider When Adding aria-label to Icon Font Elements | dev.to | 2023-12-04

    The following is an example of defining Font Awesome:

  • material-design-icons

    Material Design icons by Google

    Project mention: Google Fonts documentation not always up to date? | /r/webdev | 2023-06-30

    They link on the docs to the github which lists these extra options though. https://github.com/google/material-design-icons/tree/master/font So it's easy to miss.

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • feather

    Simply beautiful open-source icons

    Project mention: Iniciando um backoffice rapidamente com AdminJS | dev.to | 2023-11-16
  • ionicons

    Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere 🌎

  • simple-icons

    SVG icons for popular brands

    Project mention: Deno Fresh SVG Sprites: Optimized Icons | dev.to | 2023-08-01
  • tabler-icons

    A set of over 4800 free MIT-licensed high-quality SVG icons for you to use in your web projects.

    Project mention: 10 Issues That Will Help You Grow as a top contributor in Opensource 🏅🏅 | dev.to | 2023-10-16

    https://tabler-icons.io/ is the perfect fit for this.

  • bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

    Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-29

    4. Bootstrap Vue Bootstrap Vue combines the power of Bootstrap, a popular CSS framework, with Vue.js. It provides a wide range of components and styling options. Check out the Bootstrap Vue website to learn more.

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • awesome-stock-resources

    :city_sunrise: A collection of links for free stock photography, video and Illustration websites

    Project mention: Thoughts on this basic design? Any feedback appreciated! | /r/streetwearstartup | 2023-02-20


  • lsd

    The next gen ls command

    Project mention: 🐚🦀Comandos shell reescritos em Rust | dev.to | 2023-10-04


  • MaterialDesign

    ✒7000+ Material Design Icons from the Community

    Project mention: How to use Material Design Icons In Angular 4? | /r/codehunter | 2023-04-01

    I want to use the icons from https://materialdesignicons.com/ in my angular 4 project. The instructions on the website are only covering how to include it in Angular 1.x (https://materialdesignicons.com/getting-started)

  • react-icons

    svg react icons of popular icon packs

    Project mention: Complete React and Tailwind CSS Website Design Tutorial | Build an Educational Landing Page | dev.to | 2023-12-05

    Links to external resources like Tailwind CSS, Google Fonts, and React Icons are provided, offering additional references for users.

  • css.gg

    700+ Pure CSS, SVG, PNG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API and 6000 glyphs

    Project mention: 29 Websites For Free Icon Sets | dev.to | 2023-09-22

    css.gg - A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.

  • Badges4-README.md-Profile

    :octocat: Improve your README.md profile with these amazing badges.

    Project mention: Creating a new badge collection ! | dev.to | 2022-12-24

    I started on GitHub by uploading a small project (a tool that converts host-names into IPs); so I wanted to make a beautiful README profile. I looked up some examples, and I found that most of them used badges from the alexandresanlim / Badges4-README.md-Profile (a huge collection that I recommend checking out). To be honest, I didn't really like them at first, simply because they were "too pointy". So, as a respectable developer, I decided to make my own.

  • devicon

    Set of icons representing programming languages, designing & development tools

    Project mention: I created a library of full-color SVG icons of homelab-related software, products, and brands that I'm using in my network diagrams. It was going to be a personal project, but I thought I'd share it here. | /r/selfhosted | 2022-12-20
  • octicons

    A scalable set of icons handcrafted with <3 by GitHub

    Project mention: GitHub Profile Native Web Components | dev.to | 2023-10-11

    primer/octicons is the source for all icons used on GitHub.

  • IconPark

    🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons

    Project mention: 29 Websites For Free Icon Sets | dev.to | 2023-09-22

    IconPark - More than 1,200 high-quality icons, and an interface for customizing them.

  • icons

    Official open source SVG icon library for Bootstrap.

    Project mention: Creating a site with downloadable SVG illustrations | /r/Wordpress | 2023-10-27
  • lucide

    Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

    Project mention: Introducing Shadcn UI: A reusable UI component collection | dev.to | 2023-11-14

    The theme editor’s interface allows you to configure themes for properties such as color, border radius, and mode (light or dark). You can also choose between two styles: default and new-york. The styles have unique components, animations, icons, and more. The default style has larger input fields and uses lucide-react icons and tailwindcss-animate for animations. The new-york style has smaller buttons, cards with shadows, and uses Radix Icons.

  • papirus-icon-theme

    Pixel perfect icon theme for Linux

    Project mention: Gnome Nautilus Folder color customization | /r/archlinux | 2023-07-12

    Use Papirus icons. Then you can use papirus folders. Papirus-folders is a bash script that allows changing the color of folders in Papirus icon theme and its forks. There are other icon themes which allow folder colour switches. Also there is no need for an extension, says the vanilla Gnome user 😉

  • browser-logos

    🗂 High resolution web browser logos

  • polaris

    Shopify’s design system to help us work together to build a great experience for all of our merchants.

    Project mention: Getting Started with Color Module for Your Design System | dev.to | 2023-09-16

    Shopify Polaris: Shopify's Polaris Design System features a color module with primary, secondary, and functional colors, plus an extended palette for shades and tints. Similar to others, it underscores the role of color in conveying meaning, maintaining visual hierarchy, and ensuring accessibility.

  • vim-devicons

    Adds file type icons to Vim plugins such as: NERDTree, vim-airline, CtrlP, unite, Denite, lightline, vim-startify and many more

    Project mention: treemacs-devicons: a vim-devicons inspired theme for treemacs! | /r/emacs | 2023-03-08

    Hello guys I made a devicons theme for treemacs. This is inspired by nvim-web-devicons and vim-devicons. Here are some screenshots:

  • fluentui-system-icons

    Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.

    Project mention: Charms Bar Port: a new program I made to replicate Windows 8.x charms bar for Windows 10/11. Any suggestions? | /r/Windows11 | 2023-05-06

    Try downloading the source code of this.. You'll find the SVG folder, which contains the icons.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-12-05.

Icons related posts


What are some of the best open-source Icon projects? This list will help you:

Project Stars
1 Font-Awesome 72,497
2 material-design-icons 49,004
3 feather 24,077
4 ionicons 17,186
5 simple-icons 16,916
6 tabler-icons 16,474
7 bootstrap-vue 14,419
8 awesome-stock-resources 12,182
9 lsd 11,267
10 MaterialDesign 10,773
11 react-icons 10,499
12 css.gg 9,371
13 Badges4-README.md-Profile 8,701
14 devicon 8,352
15 octicons 7,989
16 IconPark 7,690
17 icons 6,976
18 lucide 6,688
19 papirus-icon-theme 6,073
20 browser-logos 5,858
21 polaris 5,512
22 vim-devicons 5,416
23 fluentui-system-icons 5,154
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.