brand CC-BY-4.0 6 ベクターノード

viewBox 0 0 512 512 静止

カラー · 線の太さ · ベクターアニメーションのプリセット

1. カラー

新しい色を選択するまで、アイコンの元の色がそのまま保持されます。

線の太さ 2.0px

サイズ 144px

回転 0 deg

不透明度 100%

2. キャンバス背景と変形

3. ベクターアニメーションのプリセット SVG書き出しに含まれます

SVGエディターで編集ベクタースタジオを開く

selfh.st Icons | ブランド＆テックロゴ | viewBox="0 0 512 512" | 所有者の商標です — ブランドへの言及のみに使用してください

Visual Studio Code SVGアイコン

出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Visual Studio Code - 所有者の商標です — ブランドへの言及のみに使用してください. 登録不要 | 100%ブラウザ完結処理

商標に関する通知

このロゴは所有者の商標です。このファイルは、記事、レビュー、ガイドなどでそのブランドに言及する場合にのみ使用してください。推奨、提携、関連を示唆する使い方はせず、自分のロゴとして販売または再配布しないでください。

CC-BY-4.0 - ファイルライセンスはSVGファイルのみに適用されます — 商標権は含まれません

DMCAポリシー

ベクターと高解像度画像の即時ダウンロード

解像度:

新しい色を選択するまで、アイコンの元の色がそのまま保持されます。 visual-studio-code.svg (2,078 B)

開発者とUIフレームワーク向けのクイックコピー

コードのリアルタイム出力

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512" width="36" height="36" role="img" aria-label="Visual Studio Code icon"><title>Visual Studio Code - selfh.st Icons icon</title><desc>Free Visual Studio Code vector icon from the selfh.st Icons open-source icon library; brand style, CC-BY-4.0 licence, viewBox 0 0 512 512, 1741 bytes.</desc><linearGradient id="nx69020_visual-studio-code_svg__a" x1="256.012" x2="256.012" y1="125.867" y2="512.567" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#116faf"/><stop offset=".319" style="stop-color:#247bb5"/><stop offset=".708" style="stop-color:#3585bb"/><stop offset="1" style="stop-color:#3b89bd"/></linearGradient><path d="M493.8 55.4 388.4 4.6c-12.2-5.9-26.7-3.4-36.3 6.2L7 325.5c-9.3 8.5-9.3 23.1 0 31.5l28.2 25.6c7.6 6.9 19.1 7.4 27.2 1.2L478 68.6c13.9-10.6 34-.6 34 16.9v-1.2c0-12.4-7.1-23.6-18.2-28.9" style="fill:url(#nx69020_visual-studio-code_svg__a)"/><linearGradient id="nx69020_visual-studio-code_svg__b" x1="256.012" x2="256.012" y1="3.433" y2="390.133" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#027bcc"/><stop offset="1" style="stop-color:#3093d6"/></linearGradient><path d="m493.8 456.6-105.4 50.8c-12.2 5.9-26.7 3.4-36.3-6.2L7 186.5c-9.3-8.5-9.3-23.1 0-31.5l28.2-25.6c7.6-6.9 19.1-7.4 27.2-1.2L478 443.4c13.9 10.6 34 .6 34-16.9v1.2c0 12.4-7.1 23.6-18.2 28.9" style="fill:url(#nx69020_visual-studio-code_svg__b)"/><linearGradient id="nx69020_visual-studio-code_svg__c" x1="432.1" x2="432.1" y1="3.433" y2="512.423" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#229df0"/><stop offset="1" style="stop-color:#4fb1f3"/></linearGradient><path d="M388.5 507.4c-12.2 5.9-26.7 3.4-36.3-6.2 11.8 11.8 32 3.4 32-13.2V24.1c0-16.6-20.2-25-32-13.2 9.6-9.6 24.1-12 36.3-6.2l105.3 50.7A31.98 31.98 0 0 1 512 84.3V428c0 12.3-7.1 23.5-18.2 28.9z" style="fill:url(#nx69020_visual-studio-code_svg__c)"/></svg>

出典とライセンスの確認 LICENSE.txt

アトリビューション

"Visual Studio Code" by selfh.st and contributors (selfh.st Icons), licensed under Creative Commons Attribution 4.0 — via SVG Nexus (https://www.svgnexus.com/ja/icons/selfhst-icons/visual-studio-code)

キーワード

#visual #studio #code #selfhst #brands #brand

Visual Studio Code - ベクターの技術仕様

出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Visual Studio Code

正規の識別子	selfhst-icons/visual-studio-code
元のライブラリパック	selfh.st Icons
座標グリッドと viewBox	viewBox="0 0 512 512"
非圧縮のサイズ	2,078 bytes (~1,143 bytes gzipped)
SPDXライセンスと商用利用	CC-BY-4.0 - ファイルライセンスはSVGファイルのみに適用されます — 商標権は含まれません
Upstream Source	https://github.com/selfh.st/icons
対応する書き出し形式	SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
安全とプライバシーの保証	登録不要 \| 100%ブラウザ完結処理

このアイコンの使い方と調整方法: Visual Studio Code

見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (0.5px-4px), ベクターアニメーションのプリセット
ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (2048x2048 px)
フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
高度なベクター編集: SVGエディターで編集 (77,087)

アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。 visual-studio-code.svg aria-hidden="true" focusable="false"

他のライブラリの同じアイコン ("Visual Studio Code")

このアイコンを他のオープンソースベクターライブラリと比較できます。

brandApache-2.0