Brand Logos (1)
No preview
Microsoft homepage
[class*="logo"] img
Icons (47)
24×24
22×22
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
18×18
16×16
16×16
16×16
16×16
18×18
16×16
16×16
16×16
16×16
16×16
18×18
16×16
16×16
Codex
Cline
Gemini
16×16
16×16
search
terminal icon
debug icon
branching icon
tools icon
history icon
keyboard icon
globe icon
VS Code on Github
Follow us on X
VS Code on LinkedIn
VS Code on Bluesky
Join the VS Code community on Reddit
The VS Code Insiders Podcast
VS Code on TikTok
Microsoft homepage
Colors (64)
Other (17)
Neutral (1)
Surface (1)
Accent (1)
Typography (23)
system-ui (13)
AaThe quick brown fox jumps over the lazy dog
system-ui●●10014px · w400
AaThe quick brown fox jumps over the lazy dog
system-ui●●9511px · w500
AaThe quick brown fox jumps over the lazy dog
system-ui○602.4rem · w600
AaThe quick brown fox jumps over the lazy dog
system-ui●●9514px · w600
AaThe quick brown fox jumps over the lazy dog
system-ui◑8516px · w400
AaThe quick brown fox jumps over the lazy dog
system-ui◑8514px · w500
AaThe quick brown fox jumps over the lazy dog
system-ui◑8512px · w400
AaThe quick brown fox jumps over the lazy dog
system-ui◑8515px · w600
AaThe quick brown fox jumps over the lazy dog
system-ui◑8516px · w500
AaThe quick brown fox jumps over the lazy dog
system-ui◑8512px · w600
AaThe quick brown fox jumps over the lazy dog
system-ui◑8024px · w400
AaThe quick brown fox jumps over the lazy dog
system-ui◑8020px · w600
AaThe quick brown fox jumps over the lazy dog
system-ui◑8012px · w500
Menlo (5)
AaThe quick brown fox jumps over the lazy dog
Menlo○6013px · w400
AaThe quick brown fox jumps over the lazy dog
Menlo○6013px · w400
AaThe quick brown fox jumps over the lazy dog
Menlo○6090% · w400
AaThe quick brown fox jumps over the lazy dog
Menlo○6085% · w400
AaThe quick brown fox jumps over the lazy dog
Menlo◑8514px · w400
inherit (2)
AaThe quick brown fox jumps over the lazy dog
inherit○60inherit · w400
AaThe quick brown fox jumps over the lazy dog
inherit○60inherit · w400
Source Code Pro (1)
AaThe quick brown fox jumps over the lazy dog
Source Code Pro●●9514px · w400
monospace (1)
AaThe quick brown fox jumps over the lazy dog
monospace○6013px · w400
codicon (1)
AaThe quick brown fox jumps over the lazy dog
codicon○6016px · w400
Spacing (32)
Space calc 1 var docs sticky top 70px
calc(-1*var(--docs-sticky-top, -70px)
Space 0px
0px
Space .2em
.2em
Space .2rem
.2rem
Space .4em
.4em
Space .5rem
.5rem
Space .5em
.5em
Space .7rem
.7rem
Space .75rem
.75rem
Space .8rem
.8rem
Space 1px
1px
Space 1em
1em
Border Radius (16)
Radius 4px4px
Radius 1px1px
Radius 3px3px
Radius 10px10px
Radius 2px2px
Radius 0 0 10px 10px0 0 10px 10px
Radius 8px8px
Radius 12px12px
Radius 50%50%
Radius 6px6px
Radius 0 0 8px 8px0 0 8px 8px
Radius 0 0 0 8px0 0 0 8px
Radius 0 0 2px 2px0 0 2px 2px
Radius 5px5px
Radius 0 0 6px 00 0 6px 0
Radius 0 0 6px 6px0 0 6px 6px
Shadows (12)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360
○60
Shadow 460
○60
Shadow 560
○60
Shadow 660
○60
Shadow 760
○60
Shadow 860
○60
Shadow 960
○60
Shadow 1060
○60
Shadow 1160
○60
Shadow 1260