Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. Learn more →
Top 23 Icon Open-Source Projects
-
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:
-
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.
-
-
-
-
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-16https://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-294. 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-20neutraltone/awesome-stock-resources
-
lsd
-
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)
-
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
css.gg - A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.
-
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.
-
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
-
primer/octicons is the source for all icons used on GitHub.
-
IconPark - More than 1,200 high-quality icons, and an interface for customizing them.
-
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
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.
-
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 😉
-
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
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-08Hello 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-06Try 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
- Complete React and Tailwind CSS Website Design Tutorial | Build an Educational Landing Page
- [Accessibility] Points to Consider When Adding aria-label to Icon Font Elements
- Building with React JS: Create your own Youtube Video Player: Starting with Basics
- How to upload plugins other than trough obsidian plugin adder?
- colorls: Beautifies the terminal's ls command, with color and font-awesome icons
- Iniciando um backoffice rapidamente com AdminJS
- A Developer’s Guide to Implementing a Design System (Part 1)
-
A note from our sponsor - Appwrite
appwrite.io | 6 Dec 2023
Index
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.
getonboard.dev