VS Code icons & themes · v3.1.0

The logos you already know.

Every language and framework worth recognising gets its real mark, in its real colours. Everything else gets a mark drawn on the same grid. Five schemes to put them on — and folders that actually look like folders.

ئایکۆن و ڕەنگێن ڕاستەقینە بۆ ئێدیتۆرێ تە — هەر لۆگۆیەک ب ڕەنگێ خۆ.

Get it free ext install Rashidlab.rashid-lab
Scheme
rashid-lab
main00 TypeScriptLn 12, Col 15

Drawn for this pack, not traced

Real marks, real colours.

JavaScript is the yellow tile. TypeScript is the blue one. Docker is the whale, GitLab the tanuki, Python the two snakes. Nothing here is a letter standing in for a logo you'd have recognised.

جاڤاسکریپت زەرە، تایپسکریپت شینە — چو لۆگۆ ب تیپەکێ نەهاتیە گۆڕین.

Explore

Every icon in the pack.

Search it, filter it, and flip the ground to see how each one behaves on a light theme. Folders show closed and open together.

بگەڕە و پاڵاڤێ بکە — ل سەر زەمینێ ڕۆن و تاری وان تاقی بکە.

Five schemes

One builder, so none of them is a stub.

Each ships 464 workbench colours, 48 TextMate scopes and 32 semantic token rules — the same coverage across all five. Click one to try it in the editor above.

پێنج دەستە ڕەنگ، هەر ئێک ژ وان ب هەمان وردبینی هاتیە چێکرن.

How it's made

Generated, not hand-assembled.

Every icon comes out of one design system: 204 glyphs on a shared 24-unit grid, a folder chassis of two lit planes, and a colour model that knows how to darken a hue for light themes without turning it grey. Change one value and the whole set moves.

هەر ئایکۆنەک ژ ئێک سیستەمێ دیزاینێ دهێت — تنێ ئێک بهایێ بگۆڕە و هەمی دگۆڕن.

Put it in your editor.

Free, MIT licensed, and a 0.8 MB download.

ب خۆڕاییە و سەرچاڤەڤەکرییە — خۆشیێ ژێ ببینە!