アイコンと名称の使用ガイドライン
Visual Studio Code および VS Code のアイコンと名称の使用に関する必要なすべての情報です。
アイコン
適切なアイコン
Visual Studio Code 「安定版（stable）」アイコン
この青いアイコンは 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」といった表記はしないでください）。
ウェブ版とデスクトップ版を区別する必要がある場合は、ウェブクライアントを「VS Code for the Web」、デスクトップクライアントを「VS Code Desktop」と呼称してください。
許可されない使用例
ウェブサイト、製品、サービス、またはドメイン名において、製品名である「Visual Studio Code」や「VS Code」を使用すること。
Microsoft または Visual Studio Code チームによる推奨を暗示するような名称を、自社の製品、アプリケーション、プロジェクトに付けること。
Visual Studio Code 向けのコンテンツ（拡張機能、トレーニング資料など）を作成されていますか？
その場合、Visual Studio Code に最適化されている、関連している、または連携して動作する旨を示すには、以下の形式でコンテンツ名を記載してください。
正しい例： [My Extension Name] for Visual Studio Code
誤った例： Visual Studio Code [My Extension Name]
アクションボタンとリンク
VS Codeで開く
アクションラベルは "<action> in VS Code" の形式にします。<action> は、ユーザーの特定のシナリオに合わせて 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 で開く選択肢が一つしかない場合は、このオプションを使用してください。
Open in 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 の商標です。All rights reserved.