Using default VS Code icons on an extension

Question

I am making a VS Code extension for outlining TypeScript code structure. I am wondering how can I use the same icons VS Code uses in intellisense in my custom tree view:

Answer 1

I don't think there's any way to reference built-in icons, so you would have to include copies of these in your extension. This is what the vscode-code-outline extension does (along with many others). There's a relevant feature request here:

[icons] Support to allow re-using VSCode icons in user extensions (#31466)

There's a nice overview of all built-in document symbol / suggest icons here. The .svg assets can be found here:

• suggest
• documentSymbols

Answer 2

It is now possible to use codicons in a tree item:

getChildren() {
    return [
        {
            collapsibleState: vscode.TreeItemCollapsibleState.None,
            label: 'label',
            // Replace 'circle-outline' with desired codicon: https://microsoft.github.io/vscode-codicons/dist/codicon.html
            iconPath: new vscode.ThemeIcon('circle-outline'),
        }
    ];
}