Visual Studio Code - Icons

September 14, 2020 ยท View on GitHub

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
NameIconLinks
accountLight / Dark
activate-breakpointsLight / Dark
addLight / Dark
archiveLight / Dark
arrow-bothLight / Dark
arrow-downLight / Dark
arrow-leftLight / Dark
arrow-rightLight / Dark
arrow-small-downLight / Dark
arrow-small-leftLight / Dark
arrow-small-rightLight / Dark
arrow-small-upLight / Dark
arrow-upLight / Dark
beakerLight / Dark
bell-dotLight / Dark
bellLight / Dark
blockedLight / Dark
boldLight / Dark
bookLight / Dark
bookmarkLight / Dark
briefcaseLight / Dark
broadcastLight / Dark
browserLight / Dark
bugLight / Dark
buildLight / Dark
calendarLight / Dark
call-incomingLight / Dark
call-outgoingLight / Dark
case-sensitiveLight / Dark
checkLight / Dark
checklistLight / Dark
chevron-downLight / Dark
chevron-leftLight / Dark
chevron-rightLight / Dark
chevron-upLight / Dark
chrome-closeLight / Dark
chrome-maximizeLight / Dark
chrome-minimizeLight / Dark
chrome-restoreLight / Dark
circle-filledLight / Dark
circle-outlineLight / Dark
circle-slashLight / Dark
circuit-boardLight / Dark
clear-allLight / Dark
clippyLight / Dark
close-allLight / Dark
closeLight / Dark
cloud-downloadLight / Dark
cloud-uploadLight / Dark
cloudLight / Dark
codeLight / Dark
collapse-allLight / Dark
color-modeLight / Dark
comment-discussion-quoteLight / Dark
comment-discussionLight / Dark
commentLight / Dark
consoleLight / Dark
credit-cardLight / Dark
dashLight / Dark
dashboardLight / Dark
databaseLight / Dark
debug-alt-smallLight / Dark
debug-altLight / Dark
debug-breakpoint-conditional-unverifiedLight / Dark
debug-breakpoint-conditionalLight / Dark
debug-breakpoint-data-unverifiedLight / Dark
debug-breakpoint-dataLight / Dark
debug-breakpoint-function-unverifiedLight / Dark
debug-breakpoint-functionLight / Dark
debug-breakpoint-log-unverifiedLight / Dark
debug-breakpoint-logLight / Dark
debug-breakpoint-stackframe-activeLight / Dark
debug-breakpoint-stackframe-dotLight / Dark
debug-breakpoint-stackframeLight / Dark
debug-breakpoint-unsupportedLight / Dark
debug-consoleLight / Dark
debug-continueLight / Dark
debug-disconnectLight / Dark
debug-pauseLight / Dark
debug-restart-frameLight / Dark
debug-restartLight / Dark
debug-reverse-continueLight / Dark
debug-startLight / Dark
debug-step-backLight / Dark
debug-step-intoLight / Dark
debug-step-outLight / Dark
debug-step-overLight / Dark
debug-stopLight / Dark
debugLight / Dark
desktop-downloadLight / Dark
device-camera-videoLight / Dark
device-cameraLight / Dark
device-mobileLight / Dark
diff-addedLight / Dark
diff-ignoredLight / Dark
diff-modifiedLight / Dark
diff-removedLight / Dark
diff-renamedLight / Dark
diffLight / Dark
discardLight / Dark
editLight / Dark
editor-layoutLight / Dark
ellipsisLight / Dark
empty-windowLight / Dark
errorLight / Dark
excludeLight / Dark
expand-allLight / Dark
exportLight / Dark
extensionsLight / Dark
eye-closedLight / Dark
eyeLight / Dark
feedbackLight / Dark
file-binaryLight / Dark
file-codeLight / Dark
file-mediaLight / Dark
file-pdfLight / Dark
file-submoduleLight / Dark
file-symlink-directoryLight / Dark
file-symlink-fileLight / Dark
file-zipLight / Dark
fileLight / Dark
filesLight / Dark
filterLight / Dark
flameLight / Dark
fold-downLight / Dark
fold-upLight / Dark
foldLight / Dark
folder-activeLight / Dark
folder-openedLight / Dark
folderLight / Dark
gearLight / Dark
giftLight / Dark
gist-secretLight / Dark
gistLight / Dark
git-commitLight / Dark
git-compareLight / Dark
git-mergeLight / Dark
git-pull-requestLight / Dark
github-actionLight / Dark
github-invertedLight / Dark
globeLight / Dark
go-to-fileLight / Dark
grabberLight / Dark
graph-leftLight / Dark
graphLight / Dark
gripperLight / Dark
group-by-ref-typeLight / Dark
heartLight / Dark
helpLight / Dark
historyLight / Dark
homeLight / Dark
horizontal-ruleLight / Dark
hubotLight / Dark
inboxLight / Dark
infoLight / Dark
issue-closedLight / Dark
issue-reopenedLight / Dark
issuesLight / Dark
italicLight / Dark
jerseyLight / Dark
jsonLight / Dark
kebab-verticalLight / Dark
keyLight / Dark
lawLight / Dark
libraryLight / Dark
lightbulb-autofixLight / Dark
lightbulbLight / Dark
link-externalLight / Dark
linkLight / Dark
list-filterLight / Dark
list-flatLight / Dark
list-orderedLight / Dark
list-selectionLight / Dark
list-treeLight / Dark
list-unorderedLight / Dark
loadingLight / Dark
locationLight / Dark
lockLight / Dark
magnetLight / Dark
mail-readLight / Dark
mailLight / Dark
markdownLight / Dark
megaphoneLight / Dark
mentionLight / Dark
menuLight / Dark
mergeLight / Dark
milestoneLight / Dark
mirrorLight / Dark
moreLight / Dark
mortar-boardLight / Dark
moveLight / Dark
multiple-windowsLight / Dark
muteLight / Dark
new-fileLight / Dark
new-folderLight / Dark
no-newlineLight / Dark
noteLight / Dark
octofaceLight / Dark
open-previewLight / Dark
organizationLight / Dark
outputLight / Dark
packageLight / Dark
paintcanLight / Dark
passLight / Dark
personLight / Dark
pinLight / Dark
pinnedLight / Dark
play-circleLight / Dark
plugLight / Dark
preserve-caseLight / Dark
previewLight / Dark
primitive-squareLight / Dark
projectLight / Dark
pulseLight / Dark
questionLight / Dark
quoteLight / Dark
quotesLight / Dark
radio-towerLight / Dark
reactionsLight / Dark
record-keysLight / Dark
record-startLight / Dark
record-stopLight / Dark
recordLight / Dark
referencesLight / Dark
refreshLight / Dark
regexLight / Dark
remote-explorerLight / Dark
remoteLight / Dark
removeLight / Dark
renameLight / Dark
replace-allLight / Dark
replaceLight / Dark
replyLight / Dark
repo-cloneLight / Dark
repo-force-pushLight / Dark
repo-forkedLight / Dark
repo-pullLight / Dark
repo-pushLight / Dark
repoLight / Dark
reportLight / Dark
request-changesLight / Dark
rocketLight / Dark
root-folder-openedLight / Dark
root-folderLight / Dark
rssLight / Dark
rubyLight / Dark
run-aboveLight / Dark
run-allLight / Dark
run-belowLight / Dark
runLight / Dark
save-allLight / Dark
save-asLight / Dark
saveLight / Dark
screen-fullLight / Dark
screen-normalLight / Dark
search-stopLight / Dark
searchLight / Dark
server-environmentLight / Dark
server-processLight / Dark
serverLight / Dark
settings-gearLight / Dark
settingsLight / Dark
shieldLight / Dark
sign-inLight / Dark
sign-outLight / Dark
smileyLight / Dark
sort-precedenceLight / Dark
source-controlLight / Dark
split-horizontalLight / Dark
split-verticalLight / Dark
squirrelLight / Dark
star-emptyLight / Dark
star-fullLight / Dark
star-halfLight / Dark
stop-circleLight / Dark
symbol-arrayLight / Dark
symbol-booleanLight / Dark
symbol-classLight / Dark
symbol-colorLight / Dark
symbol-constantLight / Dark
symbol-enum-memberLight / Dark
symbol-enumLight / Dark
symbol-eventLight / Dark
symbol-fieldLight / Dark
symbol-fileLight / Dark
symbol-interfaceLight / Dark
symbol-keyLight / Dark
symbol-keywordLight / Dark
symbol-methodLight / Dark
symbol-miscLight / Dark
symbol-namespaceLight / Dark
symbol-numericLight / Dark
symbol-operatorLight / Dark
symbol-parameterLight / Dark
symbol-propertyLight / Dark
symbol-rulerLight / Dark
symbol-snippetLight / Dark
symbol-stringLight / Dark
symbol-structureLight / Dark
symbol-variableLight / Dark
sync-ignoredLight / Dark
syncLight / Dark
tagLight / Dark
tasklistLight / Dark
telescopeLight / Dark
terminalLight / Dark
text-sizeLight / Dark
three-barsLight / Dark
thumbsdownLight / Dark
thumbsupLight / Dark
toolsLight / Dark
trashLight / Dark
triangle-downLight / Dark
triangle-leftLight / Dark
triangle-rightLight / Dark
triangle-upLight / Dark
twitterLight / Dark
unfoldLight / Dark
ungroup-by-ref-typeLight / Dark
unlockLight / Dark
unmuteLight / Dark
unverifiedLight / Dark
verifiedLight / Dark
versionsLight / Dark
vm-activeLight / Dark
vm-connectLight / Dark
vm-outlineLight / Dark
vm-pendingLight / Dark
vm-runningLight / Dark
vmLight / Dark
warningLight / Dark
watchLight / Dark
whitespaceLight / Dark
whole-wordLight / Dark
windowLight / Dark
word-wrapLight / Dark
zoom-inLight / Dark
zoom-outLight / 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.