图标和名称使用指南
了解所有关于 Visual Studio Code 和 VS Code 图标和名称的使用须知。
图标
正确的图标
Visual Studio Code“稳定版”图标
蓝色图标代表 Microsoft Visual Studio Code,应在所有适当的地方使用。
备用图标
仅在对比度不足时(例如,在蓝色背景上)使用白色变体。
错误的图标
请勿使用这些图标

请勿使用绿色图标 (VS Code Insiders) 或橙色图标 (VS Code Exploration)…

…或应用程序图标…

…或旧版图标
图标使用
徽标间距

确保图标周围的净空区域(从其最近的边缘算起)相当于“鱼”图案的 25% 比例。
允许的使用方式
在关于 Visual Studio Code 的文档、教程(包括文本和视频格式)、博客文章、新闻文章中使用该图标。
使用该图标链接到我们的网站 (code.visualstudio.com)。
不允许的使用方式
使用该图标来识别或推广您自己的产品、服务、应用程序、VS Code 扩展、博客、播客、新闻通讯、视频、频道等。
以任何方式使用我们的图标将您的产品与 Microsoft 或其品牌关联起来。
销售带有我们图标的商品或其他产品。
将 VS Code 图标集成到您的徽标中。
将图标用作 Visual Studio Code 或其他品牌的组合标识(例如,请勿将图标作为徽标与“Visual Studio Code”名称搭配使用)。

以不同风格修改或重绘图标。

向图标添加文本、图像或背景。

拉伸图标、改变图标的纵横比或使“鱼”变形。
颜色
我们的调色板
RGB (0, 152, 255)
#0098FF
RGB (0, 122, 204)
#007ACC
RGB (0, 101, 169)
#0065A9
RGB (243, 243, 243)
#F3F3F3
RGB (68, 68, 68)
#444444
RGB (37, 37, 38)
#252526
品牌名称
允许的使用方式
首次提及时请使用“Visual Studio Code”。
注意正确的首字母大写和间距(请勿使用“vscode”、“VSCode”、“VSC”或“Code”)。
如果您需要区分网页版和桌面版,请将网页客户端称为“VS Code 网页版”,桌面客户端称为“VS Code 桌面版”。
不允许的使用方式
在您的网站、产品、服务或域名中使用产品名称 — Visual Studio Code 或 VS Code。
为您的产品、应用程序或项目命名时,请勿暗示获得 Microsoft 或 Visual Studio Code 团队的认可。
您是否为 Visual Studio Code 制作内容(扩展、培训材料等)?
如果是,当您命名内容以表明其针对 Visual Studio Code 进行了优化、与之相关或与 Visual Studio Code 配合使用时,请使用以下格式:
正确:[我的扩展名称] 适用于 Visual Studio Code
错误:Visual Studio Code [我的扩展名称]
品牌问题咨询
品牌问题咨询
- 当您想使用此页面中未包含的艺术作品时。
- 当您想在视频或主流媒体中使用图片时。
- 当您想以本指南不允许的任何方式使用 Visual Studio Code 或 VS Code 名称或图标时。
- 当您对本指南有疑问时。
请将您的品牌问题发送至 vscode at microsoft.com 或通过 Twitter @code 发送消息。
法律
Visual Studio Code、VS Code 和 Visual Studio Code 图标是 Microsoft Corporation 的商标。保留所有权利。