アイコンと名前の使用ガイドライン
Visual Studio Code と VS Code のアイコンと名前を使用する際に知っておくべきことすべて。
アイコン
適切なアイコン
Visual Studio Code の「安定版」アイコン
青いアイコンは Microsoft Visual Studio Code を表し、適切な場所で常に使用する必要があります。
代替アイコン
コントラストが十分でない場合（青い背景など）にのみ白いバリアントを使用してください。
アイコンをダウンロード PNG および SVG ファイルが含まれます不適切なアイコン
これらのアイコンは使用しないでください
緑のアイコン（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」とは言わないでください）。
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 に最適化されている、関連している、または動作することを示すために、コンテンツに名前を付ける際には以下の形式を使用してください。
正しい例：[私の拡張機能名] for Visual Studio Code
不適切な例：Visual Studio Code [私の拡張機能名]
アクションボタンとリンク
VS Code で開く
アクションラベルを「<アクション> in VS Code」とフォーマットしてください。<アクション>をユーザーの特定のシナリオに合わせて Open、Create、または Edit に置き換えてください。
たとえば、「Open in VS Code」または「Edit in VS Code for the Web」。
ウェブ版とデスクトップ版を区別する必要がある場合は、承認されたブランド名「VS Code for the Web」と「VS Code Desktop」を使用してください。
VS Code で開く
VS Code でファイル/プロジェクトを開くオプションが1つしかない場合、このオプションを使用します。
VS Code for the Web で開く
ファイル/プロジェクトが VS Code for the Web で開かれることを示すには、このオプションを使用します。
VS Code で開くための複数のオプション
VS Code for the Web または VS Code Desktop のいずれかでファイル/プロジェクトを開くオプションを提供するには、このオプションを使用します。
製品名を省略したり、別の言い方をしたりしないでください。たとえば、「Open in VS Code (Web)」や「Launch in VS Code (Desktop)」は使用しないでください。
ブランドに関する質問
ブランドに関するお問い合わせ
- このページに含まれていないアートワークを使用したい場合。
- ビデオや主流メディアで画像を使用したい場合。
- Visual Studio Code または VS Code の名前やアイコンを、これらのガイドラインで許可されていない方法で何らかの形で使用したい場合。
- これらのガイドラインについて質問がある場合。
ブランドに関する質問は vscode at microsoft.com に送信するか、Twitter @code でメッセージを送信してください。
法律
Visual Studio Code、VS Code、および Visual Studio Code アイコンは Microsoft Corporation の商標です。すべての権利は留保されています。