vscode-icons extension: Icon image is not changed

Question

use extension

We use Mac

"workbench.iconTheme": "vscode-icons",
"vsicons.customIconFolderPath": "/Users/<your_user>/Library/Application Support/Code/User/vsicons-custom-icons",
"vsicons.associations.folders": [
 {
   "icon": "templates",
   "extensions": ["application"],
   "format": "svg"
 },
 {
   "icon": "molecules",
   "extensions":["domain"],
   "format": "svg"
 },
 {
   "icon": "organisms",
   "extensions": ["infrastructure"],
   "format": "svg"
 },
 {
   "icon": "pages",
   "extensions": ["presentation"],
   "format": "svg"
 }
],

I tried changing the name of the "icon" to something appropriate, but it remained transparent, so it is likely that the image itself is not recognized.

Answer 1

Try to do like me. In the "extensions" field you should specify the desired folder name vsicons-screen1

After, In the "vsicons-custom-icons" folder create two files:

1. first one uses the prefix "folder_type_" + "name" ( in my case it is "package") + format. So I got the file with the name "folder_type_package.svg"
2. second one uses the prefix "folder_type_" + "name" + suffix "_opened" + format. And I got the second file with the name "folder_type_package_opened.svg"

vsicons-screen2

I hope this helps you.