Skip to content

microsoft/vscode-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Visual Studio Code - Icons

This repository is to store all of the icons used in Visual Studio Code. You will find both dark and light versions of the icons.

image

Icons

Preview
Name Icon Links
account Image Light / Dark
activate-breakpoints Image Light / Dark
add Image Light / Dark
archive Image Light / Dark
arrow-both Image Light / Dark
arrow-down Image Light / Dark
arrow-left Image Light / Dark
arrow-right Image Light / Dark
arrow-small-down Image Light / Dark
arrow-small-left Image Light / Dark
arrow-small-right Image Light / Dark
arrow-small-up Image Light / Dark
arrow-up Image Light / Dark
beaker Image Light / Dark
bell-dot Image Light / Dark
bell Image Light / Dark
blocked Image Light / Dark
bold Image Light / Dark
book Image Light / Dark
bookmark Image Light / Dark
briefcase Image Light / Dark
broadcast Image Light / Dark
browser Image Light / Dark
bug Image Light / Dark
build Image Light / Dark
calendar Image Light / Dark
call-incoming Image Light / Dark
call-outgoing Image Light / Dark
case-sensitive Image Light / Dark
check Image Light / Dark
checklist Image Light / Dark
chevron-down Image Light / Dark
chevron-left Image Light / Dark
chevron-right Image Light / Dark
chevron-up Image Light / Dark
chrome-close Image Light / Dark
chrome-maximize Image Light / Dark
chrome-minimize Image Light / Dark
chrome-restore Image Light / Dark
circle-filled Image Light / Dark
circle-outline Image Light / Dark
circle-slash Image Light / Dark
circuit-board Image Light / Dark
clear-all Image Light / Dark
clippy Image Light / Dark
close-all Image Light / Dark
close Image Light / Dark
cloud-download Image Light / Dark
cloud-upload Image Light / Dark
cloud Image Light / Dark
code Image Light / Dark
collapse-all Image Light / Dark
color-mode Image Light / Dark
comment-discussion-quote Image Light / Dark
comment-discussion Image Light / Dark
comment Image Light / Dark
console Image Light / Dark
credit-card Image Light / Dark
dash Image Light / Dark
dashboard Image Light / Dark
database Image Light / Dark
debug-alt-small Image Light / Dark
debug-alt Image Light / Dark
debug-breakpoint-conditional-unverified Image Light / Dark
debug-breakpoint-conditional Image Light / Dark
debug-breakpoint-data-unverified Image Light / Dark
debug-breakpoint-data Image Light / Dark
debug-breakpoint-function-unverified Image Light / Dark
debug-breakpoint-function Image Light / Dark
debug-breakpoint-log-unverified Image Light / Dark
debug-breakpoint-log Image Light / Dark
debug-breakpoint-stackframe-active Image Light / Dark
debug-breakpoint-stackframe-dot Image Light / Dark
debug-breakpoint-stackframe Image Light / Dark
debug-breakpoint-unsupported Image Light / Dark
debug-console Image Light / Dark
debug-continue Image Light / Dark
debug-disconnect Image Light / Dark
debug-pause Image Light / Dark
debug-restart-frame Image Light / Dark
debug-restart Image Light / Dark
debug-reverse-continue Image Light / Dark
debug-start Image Light / Dark
debug-step-back Image Light / Dark
debug-step-into Image Light / Dark
debug-step-out Image Light / Dark
debug-step-over Image Light / Dark
debug-stop Image Light / Dark
debug Image Light / Dark
desktop-download Image Light / Dark
device-camera-video Image Light / Dark
device-camera Image Light / Dark
device-mobile Image Light / Dark
diff-added Image Light / Dark
diff-ignored Image Light / Dark
diff-modified Image Light / Dark
diff-removed Image Light / Dark
diff-renamed Image Light / Dark
diff Image Light / Dark
discard Image Light / Dark
edit Image Light / Dark
editor-layout Image Light / Dark
ellipsis Image Light / Dark
empty-window Image Light / Dark
error Image Light / Dark
exclude Image Light / Dark
expand-all Image Light / Dark
export Image Light / Dark
extensions Image Light / Dark
eye-closed Image Light / Dark
eye Image Light / Dark
feedback Image Light / Dark
file-binary Image Light / Dark
file-code Image Light / Dark
file-media Image Light / Dark
file-pdf Image Light / Dark
file-submodule Image Light / Dark
file-symlink-directory Image Light / Dark
file-symlink-file Image Light / Dark
file-zip Image Light / Dark
file Image Light / Dark
files Image Light / Dark
filter Image Light / Dark
flame Image Light / Dark
fold-down Image Light / Dark
fold-up Image Light / Dark
fold Image Light / Dark
folder-active Image Light / Dark
folder-opened Image Light / Dark
folder Image Light / Dark
gear Image Light / Dark
gift Image Light / Dark
gist-secret Image Light / Dark
gist Image Light / Dark
git-commit Image Light / Dark
git-compare Image Light / Dark
git-merge Image Light / Dark
git-pull-request Image Light / Dark
github-action Image Light / Dark
github-inverted Image Light / Dark
globe Image Light / Dark
go-to-file Image Light / Dark
grabber Image Light / Dark
graph-left Image Light / Dark
graph Image Light / Dark
gripper Image Light / Dark
group-by-ref-type Image Light / Dark
heart Image Light / Dark
help Image Light / Dark
history Image Light / Dark
home Image Light / Dark
horizontal-rule Image Light / Dark
hubot Image Light / Dark
inbox Image Light / Dark
info Image Light / Dark
issue-closed Image Light / Dark
issue-reopened Image Light / Dark
issues Image Light / Dark
italic Image Light / Dark
jersey Image Light / Dark
json Image Light / Dark
kebab-vertical Image Light / Dark
key Image Light / Dark
law Image Light / Dark
library Image Light / Dark
lightbulb-autofix Image Light / Dark
lightbulb Image Light / Dark
link-external Image Light / Dark
link Image Light / Dark
list-filter Image Light / Dark
list-flat Image Light / Dark
list-ordered Image Light / Dark
list-selection Image Light / Dark
list-tree Image Light / Dark
list-unordered Image Light / Dark
loading Image Light / Dark
location Image Light / Dark
lock Image Light / Dark
magnet Image Light / Dark
mail-read Image Light / Dark
mail Image Light / Dark
markdown Image Light / Dark
megaphone Image Light / Dark
mention Image Light / Dark
menu Image Light / Dark
merge Image Light / Dark
milestone Image Light / Dark
mirror Image Light / Dark
more Image Light / Dark
mortar-board Image Light / Dark
move Image Light / Dark
multiple-windows Image Light / Dark
mute Image Light / Dark
new-file Image Light / Dark
new-folder Image Light / Dark
no-newline Image Light / Dark
note Image Light / Dark
octoface Image Light / Dark
open-preview Image Light / Dark
organization Image Light / Dark
output Image Light / Dark
package Image Light / Dark
paintcan Image Light / Dark
pass Image Light / Dark
person Image Light / Dark
pin Image Light / Dark
pinned Image Light / Dark
play-circle Image Light / Dark
plug Image Light / Dark
preserve-case Image Light / Dark
preview Image Light / Dark
primitive-square Image Light / Dark
project Image Light / Dark
pulse Image Light / Dark
question Image Light / Dark
quote Image Light / Dark
quotes Image Light / Dark
radio-tower Image Light / Dark
reactions Image Light / Dark
record-keys Image Light / Dark
record-start Image Light / Dark
record-stop Image Light / Dark
record Image Light / Dark
references Image Light / Dark
refresh Image Light / Dark
regex Image Light / Dark
remote-explorer Image Light / Dark
remote Image Light / Dark
remove Image Light / Dark
rename Image Light / Dark
replace-all Image Light / Dark
replace Image Light / Dark
reply Image Light / Dark
repo-clone Image Light / Dark
repo-force-push Image Light / Dark
repo-forked Image Light / Dark
repo-pull Image Light / Dark
repo-push Image Light / Dark
repo Image Light / Dark
report Image Light / Dark
request-changes Image Light / Dark
rocket Image Light / Dark
root-folder-opened Image Light / Dark
root-folder Image Light / Dark
rss Image Light / Dark
ruby Image Light / Dark
run-above Image Light / Dark
run-all Image Light / Dark
run-below Image Light / Dark
run Image Light / Dark
save-all Image Light / Dark
save-as Image Light / Dark
save Image Light / Dark
screen-full Image Light / Dark
screen-normal Image Light / Dark
search-stop Image Light / Dark
search Image Light / Dark
server-environment Image Light / Dark
server-process Image Light / Dark
server Image Light / Dark
settings-gear Image Light / Dark
settings Image Light / Dark
shield Image Light / Dark
sign-in Image Light / Dark
sign-out Image Light / Dark
smiley Image Light / Dark
sort-precedence Image Light / Dark
source-control Image Light / Dark
split-horizontal Image Light / Dark
split-vertical Image Light / Dark
squirrel Image Light / Dark
star-empty Image Light / Dark
star-full Image Light / Dark
star-half Image Light / Dark
stop-circle Image Light / Dark
symbol-array Image Light / Dark
symbol-boolean Image Light / Dark
symbol-class Image Light / Dark
symbol-color Image Light / Dark
symbol-constant Image Light / Dark
symbol-enum-member Image Light / Dark
symbol-enum Image Light / Dark
symbol-event Image Light / Dark
symbol-field Image Light / Dark
symbol-file Image Light / Dark
symbol-interface Image Light / Dark
symbol-key Image Light / Dark
symbol-keyword Image Light / Dark
symbol-method Image Light / Dark
symbol-misc Image Light / Dark
symbol-namespace Image Light / Dark
symbol-numeric Image Light / Dark
symbol-operator Image Light / Dark
symbol-parameter Image Light / Dark
symbol-property Image Light / Dark
symbol-ruler Image Light / Dark
symbol-snippet Image Light / Dark
symbol-string Image Light / Dark
symbol-structure Image Light / Dark
symbol-variable Image Light / Dark
sync-ignored Image Light / Dark
sync Image Light / Dark
tag Image Light / Dark
tasklist Image Light / Dark
telescope Image Light / Dark
terminal Image Light / Dark
text-size Image Light / Dark
three-bars Image Light / Dark
thumbsdown Image Light / Dark
thumbsup Image Light / Dark
tools Image Light / Dark
trash Image Light / Dark
triangle-down Image Light / Dark
triangle-left Image Light / Dark
triangle-right Image Light / Dark
triangle-up Image Light / Dark
twitter Image Light / Dark
unfold Image Light / Dark
ungroup-by-ref-type Image Light / Dark
unlock Image Light / Dark
unmute Image Light / Dark
unverified Image Light / Dark
verified Image Light / Dark
versions Image Light / Dark
vm-active Image Light / Dark
vm-connect Image Light / Dark
vm-outline Image Light / Dark
vm-pending Image Light / Dark
vm-running Image Light / Dark
vm Image Light / Dark
warning Image Light / Dark
watch Image Light / Dark
whitespace Image Light / Dark
whole-word Image Light / Dark
window Image Light / Dark
word-wrap Image Light / Dark
zoom-in Image Light / Dark
zoom-out Image Light / Dark

Figma

We also have these icons available in a public Figma file that is linked to our master library. We will try to keep the icons updated as much as we can.

👉 Figma Link: Visual Studio Code Icons

If you are new to Figma and would like to learn how to use it, check out their getting started guide or their YouTube channel for tutorials.

How to use

If you need to re-use an existing icon, simply select the icon you want to export and click on Export in the right panel:

image

You can also copy the SVG code if you'd prefer by right-clicking on the icon and going to Copy As > Copy As SVG:

image

If you are creating your custom icons and want to use the same colors as our icons, simply select a color from the color library in the right panel (we have a dark/light pairing for each one):

image

If you'd like to copy this page and make modifications, you can go ahead and make a copy to your drafts. Note that duplicating the file will break the link to the master components and you'll have to manually update the file when there are updates. To duplicate, click on the arrow next to the title name above and select Duplicate to your Drafts.

image

Creating Issues

If you have any suggestions or requests for new icons, please file that in the main vscode repo. If you have any problems with the icons inside of this repo, then go ahead and create an issue here.

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

Legal Notices

Microsoft and any contributors grant you a license to the Microsoft documentation and other content in this repository under the Creative Commons Attribution 4.0 International Public License, see the LICENSE file, and grant you a license to any code in the repository under the MIT License, see the LICENSE-CODE file.

Microsoft, Windows, Microsoft Azure and/or other Microsoft products and services referenced in the documentation may be either trademarks or registered trademarks of Microsoft in the United States and/or other countries. The licenses for this project do not grant you rights to use any Microsoft names, logos, or trademarks. Microsoft's general trademark guidelines can be found at http://go.microsoft.com/fwlink/?LinkID=254653.

Privacy information can be found at https://privacy.microsoft.com/en-us/

Microsoft and any contributors reserve all other rights, whether under their respective copyrights, patents, or trademarks, whether by implication, estoppel or otherwise.

About

Icons for Visual Studio Code

Topics

Resources

License

CC-BY-4.0, MIT licenses found

Licenses found

CC-BY-4.0
LICENSE
MIT
LICENSE-CODE

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published