产品图标参考

Visual Studio Code 包含一组内置图标，这些图标用于视图和编辑器，但也可以在悬停、状态栏和扩展中使用。这些图标是产品图标，而不是文件图标，文件图标用于用户界面中文件名旁边。

VS Code 随附的产品图标包含在 Codicon 图标字体 中，构成了 默认 的产品图标主题。扩展可以提供新的 产品图标主题 来重新定义这些图标并为 VS Code 更改外观。

为了实现这一点，所有产品图标都通过一个ID来识别。图标标识符是用户界面组件中标签所使用的内容 ($(铅笔)), 在API中作为主题图标以及在需要图标的时候的贡献。

图标标识与实际图标字体字形的关联发生在产品图标主题中。

标签中的图标

图标可以在Markdown标签中使用，悬停时、在 StatusBarItem文本和QuickPickItem标签API中。在Markdown中添加图标的语法是$(图标标识符)输入：

$(警报);

您还可以嵌入文本并使用多个图标：

$(眼睛) $(心) $(标记-github) GitHub

放置一个字面输入：${...}标签内的文本，转义输入：$带有反斜杠:

\$(眼睛)

动画

你可以通过附加以下内容将旋转动画应用到以下图标~旋转到图标名称：

• 同步
• 加载中
• 齿轮

$(同步~旋转)

图标贡献点

图标贡献点允许扩展定义额外的图标，通过ID，并提供一个默认图标。然后，图标ID可以被扩展（或任何依赖该扩展的其他扩展）在标签中使用。$(图标ID)) 或者在所有地方的 a主题图标可以使用新的ThemeIcon("iconId"))。

"contributes": {
  "icons": {
        "distro-ubuntu": {
            "description": "Ubuntu icon",
            "default": {
                "fontPath": "./distroicons.woff",
                "fontCharacter": "\\E001"
            }
        },
        "distro-fedora": {
            "description": "Ubuntu icon",
            "default": {
                "fontPath": "./distroicons.woff",
                "fontCharacter": "\\E002"
            }
        }
    }
}

产品图标主题可以重新定义图标（如果他们知道图标ID）。

图标列表

以下是按标识符列出的内置产品图标。

图标ID标识了图标使用的地点。默认的codicon ID描述了默认情况下使用哪个codicon库中的图标，并且预览显示了该图标的外观。

产品图标主题 可以单独替换每个图标，也可以替换来自codicon库的所有图标。