$(filter) shows wrong icon in TreeView

[ArturoDent]

Weird, I am using

     "view/title": [
        {
          "command": "symbolsTree.filterTree",
          "when": "view == symbolsTree",
          "group": "navigation@3",
          "icon": "$(filter)"
        }
     ]

but the icon shows up as the list-filter icon -

and NOT the $(filter) I want -

[alefragnani]

Hi @ArturoDent ,

I can confirm it is showing the wrong icon, even tho the icon itself seems ok in the codicon repo (https://github.com/microsoft/vscode-codicons/blob/main/src/icons/filter.svg). So, it seems a bug in VS Code itself. I would suggest you to open an issue in the VS Code repo.

BTW, I'm not entirely sure view/title does support icon properties, but even if you put the icon in the command definition, the error still occurs.

Hope this helps

[ArturoDent]

Thanks for verifying (and for all you do on monitoring and answering these discussions).
The problem also happens in a QuickInputButton as in

  const filterButton: QuickInputButton = {
    iconPath: new ThemeIcon('filter'),
    tooltip: 'Toggle Filter'
  } as const;

  qp.ignoreFocusOut = true;
 
  qp.buttons = [filterButton];

I have filed an issue: [Filter ThemeIcon or $(filter) are incorrect and show the list-filter instead](microsoft/vscode#279076).