Open-source icon set · File types · Outline

Catppuccin Icons for VSCode

656 outline icons by Catppuccin (thang-nm and contributors), in 5 styles (Mocha, Macchiato, Frappé, Latte, CSS variables). MIT: free for commercial use.

656 icons 5 styles · 3,280 files SVG MIT · free for commercial use No credit needed

Made by

Catppuccin (thang-nm and contributors), from the GitHub repository catppuccin/vscode-icons at version 1.26.0. Not our drawings: every icon below loads from the maker's own published files.

Licence

MIT, read from the maker's licence file on 2026-10-10. Keep the copyright and licence notice with copies of the files.

Trademarks

Many file-type icons are, or embed, language and product logos that remain their owners' trademarks.

Styles

Mocha(656), Macchiato(656), Frappé(656), Latte(656), CSS variables(656)

Showing 96 of 656. Search or scroll for the rest.

Using Catppuccin Icons for VSCode icons

Every icon is a separate SVG file. Copy the markup into your HTML and it scales with width and height. Or reference the file directly from the maker's package:

<img src="https://cdn.jsdelivr.net/gh/catppuccin/vscode-icons@1.26.0/icons/mocha/search.svg"
     alt="search" width="24" height="24">

For the whole set, with its font or React components if the maker ships them, get it from the maker. Looking for something else? Browse every set in File types or the whole directory.

More file type icon sets

Made your own icon set?

Submit yours

Receive a link back from us (DR 73 site).

Must link to csscreme.com to be eligible.