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 (20)
Typography (13)
system-ui (4)
AaThe quick brown fox jumps over the lazy dog
system-ui14px · w400
AaThe quick brown fox jumps over the lazy dog
system-ui11px · w500
AaThe quick brown fox jumps over the lazy dog
system-ui2.4rem · w600
AaThe quick brown fox jumps over the lazy dog
system-ui14px · w600
Menlo (4)
AaThe quick brown fox jumps over the lazy dog
Menlo13px · w400
AaThe quick brown fox jumps over the lazy dog
Menlo13px · w400
AaThe quick brown fox jumps over the lazy dog
Menlo90% · w400
AaThe quick brown fox jumps over the lazy dog
Menlo85% · w400
inherit (2)
AaThe quick brown fox jumps over the lazy dog
inheritinherit · w400
AaThe quick brown fox jumps over the lazy dog
inheritinherit · w400
Source Code Pro (1)
AaThe quick brown fox jumps over the lazy dog
Source Code Pro14px · w400
monospace (1)
AaThe quick brown fox jumps over the lazy dog
monospace13px · w400
codicon (1)
AaThe quick brown fox jumps over the lazy dog
codicon16px · w400
Spacing (32)
Space calc 1 var docs sticky top 70px
calc(-1*var(--docs-sticky-top, -70px)
Space 0px
0px
Space 1px
1px
Space 2px
2px
Space 3px
3px
Space .2em
.2em
Space .2rem
.2rem
Space 4px
4px
Space 5px
5px
Space 6px
6px
Space .4em
.4em
Space 7px
7px
Border Radius (24)
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
Radius inheritinherit
Radius 16px16px
Radius 9px9px
Radius 4px 0 0 4px4px 0 0 4px
Radius 0 4px 4px 00 4px 4px 0
Radius 0 5px 5px 00 5px 5px 0
Radius 0 8px 8px 00 8px 8px 0
Radius 0d1014#0d1014
Shadows (15)
Shadow 1
Shadow 2
Shadow 3
Shadow 4
Shadow 5
Shadow 6
Shadow 7
Shadow 8
Shadow 9
Shadow 10
Shadow 11
Shadow 12
Shadow 13
Shadow 14
Shadow 15