产品图标参考

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

VS Code 附带的产品图标包含在Codicon 图标字体中，并形成默认的产品图标主题。扩展可以提供新的产品图标主题来重新定义这些图标并赋予 VS Code 全新的外观。

为了实现这一点，所有产品图标均由 ID 标识。图标标识符是在需要图标时在标签 ( $(pencil))、API和贡献中的 UI 组件中使用的标识符。ThemeIcon

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

图标可用于悬停中的 Markdown 标签、 StatusBarItem文本和QuickPickItem标签 API。在 Markdown 中添加图标的语法是$(iconIdentifier)：

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

要将文字${...}文本放入标签内，请$使用反斜杠转义：

~spin您可以通过附加到图标名称来将旋转动画应用到以下图标：

图标贡献点允许扩展通过 ID 定义附加图标以及默认图标。然后，扩展程序（或依赖于该扩展程序的任何其他扩展程序）可以在标签 ( $(iconId)) 中或在ThemeIcon可以使用 ( new ThemeIcon("iconId")) 的所有位置使用图标 ID。

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

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

图标的ID标识了该图标的使用位置。默认 codicon ID 描述默认使用 codicon 库中的哪个图标，预览显示该图标的外观。

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

Codicon 库包含 VS Code 视图中使用的所有图标，以及一组有用的图标。

VS Code 扩展可以在标签、视图和树中使用这些图标。