Hugo's Blog
Give Your GitHub Repos a Makeover with VSCode's Material Icons
November 15, 2024 (1w ago)
Hey there! 👋 This is Hugo. I am a very addicted and heavy user of GitHub and VSCode. I have spent more than 10 hours on them. Moreover, I have made more than 5,000 contributions on GitHub in the past year. Therefore, I often find some cool plugins to enhance my workflow. I found a really cool Chrome plugin—Material Icons for GitHub. That can make the file icon on GitHub look like VSCode.
Today, I will show you how to give your GitHub repos a step-by-step makeover with VS Code's Material Icons. Let's dive in.
In the original state of GitHub, the file icon looks like this:
It's great, but we still can make it better. With the help of Material Icons for GitHub, we can make the file icon look like this:
All we need to do is install the plugin and pick up the style we like. It's very easy to use. Just click the icon on the top right corner of your Chrome-based browser, and you will see several choices. You can pick up the style you liked.
First, visit the Chrome Web Store and search for "Material Icons for GitHub". Then, click the "Add to Chrome" button to install it.
Here is the link: Material Icons for GitHub
You then go back to your GitHub page, let's take my website repo-1chooo.com as an example. You can see the file icon has been changed.
Plus, you can click the icon on the top right corner of your Chrome-based browser and see several choices. You can pick up the style you like.
What I take is React Pack because it's the same as my VSCode.
To sum up, with the help of Material Icons for GitHub, you can give your GitHub repos a makeover with VS Code's Material Icons. It's very easy to use. Just install the plugin and pick up the style you like. I hope you enjoy it. 😊
If you want to catch up with me, you can follow me on Medium, I will share more cool plugins with you. See you next time. 👋