Skip to content

Instantly share code, notes, and snippets.

@rupeshtiwari
Last active June 2, 2026 07:51
Show Gist options
  • Select an option

  • Save rupeshtiwari/6860fbc1b3e2f6711c780070d6f59748 to your computer and use it in GitHub Desktop.

Select an option

Save rupeshtiwari/6860fbc1b3e2f6711c780070d6f59748 to your computer and use it in GitHub Desktop.
Custom Material Icon Folder ( customize folder icons vscode material theme)
tags vscode, material,customize folder icons vscode material theme
title 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

@codesinx

Copy link
Copy Markdown

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

@aramrw

aramrw commented Nov 9, 2023

Copy link
Copy Markdown

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

Doesn't work for me either

@escannord

Copy link
Copy Markdown

Please how can i add a custom icon for any files

@Sumith-Kumar-Saini

Copy link
Copy Markdown

What if I want to add a custom icon?

@ben-dev10

Copy link
Copy Markdown

Nicely done ๐Ÿ‘!

@alexwork1611

Copy link
Copy Markdown

Nice one, dude

@Yashrajsingh2001

Yashrajsingh2001 commented May 29, 2026

Copy link
Copy Markdown

I want to add my own SVG to a folder. Steps mentioned here are not working. Any idea how to fix the issue?

image

Edit:

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