Skip to content

Instantly share code, notes, and snippets.

@rupeshtiwari
Last active April 21, 2025 22:04
Show Gist options
  • Save rupeshtiwari/6860fbc1b3e2f6711c780070d6f59748 to your computer and use it in GitHub Desktop.
Save rupeshtiwari/6860fbc1b3e2f6711c780070d6f59748 to your computer and use it in GitHub Desktop.
Custom Material Icon Folder ( customize folder icons vscode material theme)
tags title
vscode, material,customize folder icons vscode material theme
How to add custom folder icon in Material icons

Steps to add custom folder icon in Material icons

Go to Settings.json file

settings.json changes

Add your custom folder and icon name

   "material-icon-theme.folders.associations": {
        "infrastructure":  "Cluster",
        "stripe":  "Resource"
    }
}

material customer folders

material folder icons

material file icons

@DenysTutov
Copy link

Thank you!

@Mezzanine74
Copy link

Mezzanine74 commented Jan 6, 2023

Hello, please how can I make a setting for filenames that end with -routing.module.ts
I use "." instead of "-" in routing naming. In this case, icon format works.
"*.routing.module.ts": "whatever" // WORKS "*-routing.module.ts": "whatever" // DOENST WORK

@fnandesrafael
Copy link

You guys know if Is it possible to make something like:

"material-icon-theme.folders.associations": { "{any folder ending with:}-components": "components" },

@moacirts
Copy link

moacirts commented May 6, 2023

And for icons

"material-icon-theme.files.associations": { "*.spec.ts": "test-js" }

@heitorgiacomini Thanks!

@NazarAli
Copy link

please add cubit bloc ui domain repository

@codesinx
Copy link

This isn't working for me. Any idea why?

@aramrw
Copy link

aramrw commented Nov 9, 2023

This isn't working for me. Any idea why?

Doesn't work for me either

@escannord
Copy link

Please how can i add a custom icon for any files

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment