Custom Icon Folder Not Working on Latest VSCode

• I’m sure this issue is not a duplicate.

Platform: Windows 10 Code: Code Insiders

I’ve added the custom folder path at C:\Users\JGrote\AppData\Roaming\Code - Insiders\User\vsicons-custom-icons and placed file_type_bicep.svg and added relevant config to vsicons.associations.files:

        {
            "icon": "bicep",
            "extensions": [
                "bicep"
            ],
            "format": "svg",
        },

However the icon does not apply after a reload window:

But if I copy the file directly into the extension directory (C:\Users\JGrote\.vscode-insiders\extensions\vscode-icons-team.vscode-icons-11.1.0\icons), it works fine:

I also tried a custom path with the extension setting with no luck. I tried adding the folder C:\users\jgrote\.vscode-insiders\vsicons-customicons and tried several combinations without success: C:/Users/JGrote/.vscode-insiders C:\\Users\\JGrote\\.vscode-insiders (double backslash in the json for escaping, reports correctly in the UI) <<Above folders with vsicons-customicons appended even though that isn’t what is required per the wiki>>

Everything is on the same drive, no cross-drive boundaries.

Am I missing something here? Any logs to troubleshoot?

[AlexisDot]

since nobody pointed this out yet i got i working with the vsicons.customIconFolderPath setting

as follows: add a folder “vsicons-custom-icons” in %userprofile%/.vscode/extensions/ add your custom icons there should look like this:

.vscode
 ┣ extensions
    ┣ vsicons-custom-icons
      ┗ file_type_[YOUR-CUSTOM-ICON].svg

add "vsicons.customIconFolderPath":"C:/Users/[USER]/.vscode/extensions/", to your settings.json (change the [USER] part to your user profile)

add config for association as usual

Reload Window/ Restart vscode should show up now

i chose the extensions folder since i read on the material icons issue tracker (where they also have problems with custom icons…) that they got it working putting their icons in a subfolder to the vscode extensions folder and since i was trying if that at least worked i came up with doing this here, I don’t know if other custom folder paths work

Edit: @ankurp-meditab pointed out something you might have to do aswell:

run the command (ctrl + Shift + P) >icons: Apply Icons Customization. After running the command it started working

[flowchartsman]

I’m seeing a similar issue with latest. For me, I have the custom icon folder set and it attempts to access the (valid) svg icon in the correct path (which I can verify in a browser window), however opening developer mode in vscode shows the file request as (canceled):

If I were to hazard a guess, this is like a CORS issue, but I’m not certain since I am unfamiliar with how to further drill down on this issue.

Please let me know if this looks like the same issue and, if not, I’ll migrate it to one of its own.

Version: 1.54.1
Commit: f30a9b73e8ffc278e71575118b6bf568f04587c8
Date: 2021-03-04T22:42:18.719Z (21 hrs ago)
Electron: 11.3.0
Chrome: 87.0.4280.141
Node.js: 12.18.3
V8: 8.7.220.31-electron.0
OS: Darwin x64 19.6.0