Icons in Labels

You can use Codicons, our custom icon font, in your extension using the StatusBarItem text and QuickPickItem label API. The syntax for adding an icon is:

$(alert);

You can also embed text and use multiple icons:

$(eye) $(heart) $(mark-github) GitHub

Animation

You can apply a spinning animation to any icon by appending ~spin to the icon name:

$(sync~spin)

Icon Listing

Below are the full listings of the icons that ships with the product:

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