Design Assets

JetBrains Mono12.5k★

A monospace font designed by the JetBrains team specifically for staring at code all day. If you spend 8+ hours reading code and haven't thought about your font choice, this might be the easiest quality-of-life upgrade you can make. JetBrains Mono is optimized for code readability: increased letter height, distinct characters (zero vs O, one vs lowercase L), and functional ligatures that turn common code symbols into single glyphs (!=, =>, ->, ===). The ligatures are the standout feature. Instead of two characters side by side, you see a single visual symbol. Some developers love this, some hate it — try it for a week before deciding. Every major editor supports it: VS Code, JetBrains IDEs, Sublime, Vim, Emacs. Completely free under SIL Open Font License. Use it anywhere — personal, commercial, modified, redistributed. No restrictions. The catch: font preference is deeply personal, and ligatures aren't for everyone. If ligatures annoy you, Fira Code offers similar features with a different aesthetic. If you want something with no ligatures and maximum readability, IBM Plex Mono or Berkeley Mono (paid, $75 one-time) are excellent. Inter Mono is a newer option gaining traction for its clean modern look. It's a font. Install it, try it, keep it or don't. Zero risk.

vscode-codicons1.1k★

If you build VS Code extensions or want a clean, consistent icon set for developer tools, this is the actual icon font that powers VS Code itself. Every icon you see in the sidebar, tabs, and status bar comes from this package. You get 400+ icons designed specifically for code editors and dev tooling, available as a font or individual SVGs. Drop it into any web app or Electron project and your UI instantly looks like it belongs in the VS Code ecosystem. It's fully free under CC-BY-4.0. No paid tier, no catches on usage. You can use it in commercial projects as long as you include attribution. The catch: this is a design asset, not a general-purpose icon library. If you need icons for e-commerce, social media, or marketing pages, look elsewhere. It's laser-focused on developer tooling iconography. Also, the Handlebars build tooling is a bit dated — you'll likely just grab the compiled font or SVGs directly. If you need a broader icon set, Lucide (lucide-icons/lucide) covers general-purpose use cases. Heroicons is another solid option for UI work. But for anything dev-tool adjacent, Codicons is the standard.