Skip to content

Instantly share code, notes, and snippets.

@rupeshtiwari
Last active July 5, 2024 09:56
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

@kartanusdev
Copy link

Nice dude :)

@snoweuph
Copy link

I love this extension, but Im missing the ability to set workspace specific settings, at least for me it didn't work. (Created settings.json in .vscode folder, and also got intelisense inside, but the settings didn't apply)

@heitorgiacomini
Copy link

And for icons

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

@ahmedLawal
Copy link

Hello, please how can I make a setting for filenames that end with -routing.module.ts

@xoferiff
Copy link

xoferiff commented Aug 9, 2022

Hello, please how can I make a setting for filenames that end with -routing.module.ts

same

@rahff
Copy link

rahff commented Aug 26, 2022

One suggestion for UX improuvment is the possibility to set a default icon. Best Regards

@ssdeniss
Copy link

How i can do that?:
"material-icon-theme.files.associations": {
"{some title}reducer.jsx": "Redux-actions"
}

@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

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