图标和名称使用指南
关于使用 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”。
请注意正确的 capitalization 和 spacing(请勿使用 “vscode”、“VSCode”、“VSC” 或 “Code”)。
如果需要区分 Web 版和桌面版,请将 Web 客户端称为 “VS Code for the Web”,将桌面客户端称为 “VS Code Desktop”。
我们不允许的情况
在您的网站、产品、服务或域名中使用产品名称 — Visual Studio Code 或 VS Code。
将您的产品、应用程序或项目命名为任何暗示获得 Microsoft 或 Visual Studio Code 团队认可的名称。
您是否为 Visual Studio Code 制作内容(扩展、培训材料等)?
如果是,当您想说明您的内容是为 Visual Studio Code 优化、与之相关或适用于 Visual Studio Code 时,请使用以下格式命名您的内容
正确: 适用于 Visual Studio Code 的 [我的扩展名称]
错误: Visual Studio Code [我的扩展名称]
咨询品牌问题
需要咨询的品牌问题
- 当您想使用本页未包含的 artwork 时。
- 当您想在视频或主流媒体中使用图像时。
- 当您想以这些指南不允许的任何方式使用 Visual Studio Code 或 VS Code 名称或图标时。
- 当您对这些指南有疑问时。
请将您的品牌问题发送至 vscode at microsoft.com 或在 Twitter 上发送消息 @code。
法律声明
Visual Studio Code、VS Code 和 Visual Studio Code 图标是 Microsoft Corporation 的商标。保留所有权利。