Icons in Labels

You can use Octicons in your extension using the StatusBarItem text and QuickPickItem label API. The syntax for adding an icon is:

ts
$(alert);

You can also embed text and use multiple icons:

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

Animation

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

ts
$(sync~spin)

Icon Listing

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

Table Listing

preview name
alert
archive
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
check
checklist
chevron-down
chevron-left
chevron-right
chevron-up
circle-slash
circuit-board
clippy
clock
clone
cloud-download
cloud-upload
code
color-mode
comment
comment-discussion
credit-card
dash
dashboard
database
desktop-download
device-camera
device-camera-video
device-desktop
device-mobile
diff
diff-added
diff-ignored
diff-modified
diff-removed
diff-renamed
ellipsis
eye
eye-closed
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
flame
fold
fold-down
fold-up
gear
gift
gist
gist-fork
gist-new
gist-private
gist-secret
git-branch
git-commit
git-compare
git-fork-private
git-merge
git-pull-request
github-action
globe
grabber
graph
heart
history
home
horizontal-rule
hubot
inbox
info
issue-closed
issue-opened
issue-reopened
italic
jersey
kebab-horizontal
kebab-vertical
key
keyboard
law
light-bulb
link
link-external
list-ordered
list-unordered
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
mortar-board
mute
no-newline
note
octoface
organization
organization-filled
package
paintcan
pencil
person
person-filled
pin
play
plug
plus
primitive-dot
primitive-square
project
pulse
question
quote
radio-tower
remove-close
reply
repo
repo-clone
repo-create
repo-force-push
repo-forked
repo-pull
repo-push
repo-sync
report
request-changes
rocket
rss
ruby
screen-full
screen-normal
search
server
settings
shield
sign-in
sign-out
smiley
squirrel
star
stop
sync
tag
tasklist
telescope
terminal
text-size
three-bars
thumbsdown
thumbsup
tools
trashcan
triangle-down
triangle-left
triangle-right
triangle-up
unfold
unmute
unverified
verified
versions
watch
x
zap

Grid Listing


alert

archive

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

check

checklist

chevron-down

chevron-left

chevron-right

chevron-up

circle-slash

circuit-board

clippy

clock

cloud-download

cloud-upload

code

color-mode

comment-discussion

comment

credit-card

dash

dashboard

database

desktop-download

device-camera-video

device-camera

device-desktop

device-mobile

diff-added

diff-ignored

diff-modified

diff-removed

diff-renamed

diff

ellipsis

eye-closed

eye

file-binary

file-code

file-directory

file-media

file-pdf

file-submodule

file-symlink-directory

file-symlink-file

file-zip

file

flame

fold-down

fold-up

fold

gear

gift

gist-secret

gist

git-branch

git-commit

git-compare

git-merge

git-pull-request

github-action

globe

grabber

graph

heart

history

home

horizontal-rule

hubot

inbox

info

issue-closed

issue-opened

issue-reopened

italic

jersey

kebab-horizontal

kebab-vertical

key

keyboard

law

light-bulb

link-external

link

list-ordered

list-unordered

location

lock

logo-github

mail-read

mail

mark-github

markdown

megaphone

mention

milestone

mirror

mortar-board

mute

no-newline

note

octoface

organization-filled

organization-outline

package

paintcan

pencil

person-filled

person-outline

pin

play

plug

plus

primitive-dot

primitive-square

project

pulse

question

quote

radio-tower

reply

repo-clone

repo-force-push

repo-forked

repo-pull

repo-push

repo

report

request-changes

rocket

rss

ruby

screen-full

screen-normal

search

server

settings

shield

sign-in

sign-out

smiley

squirrel

star

stop

sync

tag

tasklist

telescope

terminal

text-size

three-bars

thumbsdown

thumbsup

tools

trashcan

triangle-down

triangle-left

triangle-right

triangle-up

unfold

unmute

unverified

verified

versions

watch

x

zap