Nerd Fonts: 10,000+ Free Icons in 67 Programming Fonts

When many vibe coders build their first application, they may find themselves in a situation where everything is working fine, but something just doesn’t feel right. Maybe the terminal isn’t looking very appealing, VS Code seems too formal, and when you ask your agent to display some sort of status or git branch indicator, it responds with emojis or regular characters. This is likely because of an issue with the font!

The solution to this problem is Nerd Fonts. This repository provides patches to 67 commonly used programming fonts such as JetBrains Mono, Fira Code, Hack, Cascadia Code, etc., adding over 10,000 additional glyphs. These include icons from Font Awesome, Material Design Icons (by Google), Octicons (GitHub’s icon library), weather icons, file type icons, and devicons, all integrated into the font so they appear anywhere you render text in your application.

Instead of installing all of the fonts, simply choose one of the font families listed on the releases page, download the corresponding archive, install it as a system font, and configure your terminal or code editor to use it. Icons are encoded using Unicode characters, which your agent is familiar with and can translate based on the icon’s name using the complete Nerd Fonts cheat sheet. You can also view all of the glyphs for each font in the preview gallery on nerdfonts.com.

1How to install nerd fonts

curl -OL https://github.com/ryanoasis/nerd-fonts/releases/latest/download/JetBrainsMono.tar.xz

brew install font-jetbrains-mono-nerd-font

2Popular nerd fonts and when to use them

3Using nerd font icons in your project

I have JetBrains Mono Nerd Font installed. Add file-type icons before filenames using Nerd Fonts glyphs — look up the right codepoints at nerdfonts.com/cheat-sheet. Use nf-md-file for generic files, nf-md-folder for folders, and nf-dev-* icons for specific languages.