Available symbols
Satin bundles 278 symbol names. Use these names in Symbol, Button, ToolbarItem and tab declarations. They are semantic aliases for redistributable Framework7 artwork, not Apple SF Symbols artwork.
A name absent from this list renders the visible question-mark placeholder unless your SymbolProvider supplies an original or redistributable glyph. SymbolName accepts custom strings, so TypeScript does not check catalogue membership. Selected symbols use the corresponding .fill name when it exists.
This page is generated from the shipped catalogue during each package build.
Scroll horizontally to read every column.
| Name |
|---|
airplane |
airplayaudio |
archivebox |
archivebox.fill |
arrow.2.squarepath |
arrow.clockwise |
arrow.counterclockwise |
arrow.down |
arrow.down.circle |
arrow.down.circle.fill |
arrow.left |
arrow.right |
arrow.up |
arrow.up.arrow.down |
arrow.up.right |
arrow.uturn.backward |
arrow.uturn.forward |
arrowshape.turn.up.left |
arrowshape.turn.up.left.fill |
arrowshape.turn.up.right |
arrowshape.turn.up.right.fill |
at |
backward |
backward.fill |
battery.100 |
bed.double |
bed.double.fill |
bell |
bell.badge |
bell.badge.fill |
bell.fill |
bell.slash |
bell.slash.fill |
bicycle |
bolt |
bolt.fill |
book |
book.closed |
book.closed.fill |
book.fill |
bookmark |
bookmark.fill |
brain.head.profile |
briefcase |
briefcase.fill |
bubble.left.and.bubble.right |
bubble.left.and.bubble.right.fill |
calendar |
calendar.badge.clock |
camera |
camera.fill |
car |
cart |
cart.fill |
chart.bar |
chart.bar.fill |
chart.line.uptrend.xyaxis |
checklist |
checkmark |
checkmark.circle |
checkmark.circle.fill |
checkmark.seal |
checkmark.seal.fill |
checkmark.square |
checkmark.square.fill |
chevron.down |
chevron.left |
chevron.right |
chevron.up |
chevron.up.chevron.down |
circle |
circle.fill |
clock |
clock.arrow.circlepath |
clock.fill |
cross.case |
cross.case.fill |
cup.and.saucer |
cup.and.saucer.fill |
device.phone.portrait |
display |
doc |
doc.fill |
doc.on.doc |
doc.on.doc.fill |
doc.text |
doc.text.fill |
dollarsign.circle |
dollarsign.circle.fill |
dot.radiowaves.left.and.right |
dot.radiowaves.left.right |
drop |
drop.fill |
dumbbell |
dumbbell.fill |
ellipsis |
ellipsis.circle |
ellipsis.circle.fill |
envelope |
envelope.badge |
envelope.badge.fill |
envelope.fill |
envelope.open |
envelope.open.fill |
exclamationmark.2 |
exclamationmark.triangle |
exclamationmark.triangle.fill |
eye |
eye.fill |
eye.slash |
eye.slash.fill |
face.smiling |
face.smiling.fill |
figure.run |
flag |
flag.fill |
flag.slash |
flag.slash.fill |
flame |
flame.fill |
folder |
folder.badge.plus |
folder.fill |
fork.knife |
forward |
forward.fill |
gear |
gearshape |
gearshape.fill |
gift |
gift.fill |
globe |
graduationcap |
graduationcap.fill |
hand.raised |
hand.raised.fill |
hand.thumbsdown |
hand.thumbsdown.fill |
hand.thumbsup |
hand.thumbsup.fill |
headphones |
heart |
heart.fill |
heart.slash |
heart.slash.fill |
hourglass |
house |
house.fill |
info.circle |
info.circle.fill |
key |
key.fill |
keyboard |
leaf |
leaf.fill |
line.3.horizontal |
line.3.horizontal.decrease |
line.3.horizontal.decrease.circle |
line.3.horizontal.decrease.circle.fill |
link |
list.bullet |
list.bullet.clipboard |
list.bullet.clipboard.fill |
list.number |
location |
location.fill |
lock |
lock.fill |
magnifyingglass |
mappin |
mappin.and.ellipse |
minus |
moon |
moon.fill |
music.house |
music.house.fill |
music.mic |
music.note |
music.note.list |
note.text |
note.text.fill |
paperplane |
paperplane.fill |
pause |
pause.circle |
pause.circle.fill |
pause.fill |
pawprint |
pencil |
person |
person.2 |
person.2.fill |
person.badge.plus |
person.badge.plus.fill |
person.crop.circle |
person.crop.circle.fill |
person.fill |
photo |
photo.fill |
photo.on.rectangle |
pill |
pill.fill |
pin |
pin.fill |
pin.slash |
pin.slash.fill |
play |
play.circle |
play.circle.fill |
play.fill |
play.rectangle |
play.rectangle.fill |
plus |
plus.circle |
plus.circle.fill |
questionmark.circle |
questionmark.circle.fill |
questionmark.square |
questionmark.square.fill |
quote.bubble |
quote.bubble.fill |
receipt |
receipt.fill |
rectangle.stack |
rectangle.stack.fill |
repeat |
repeat.1 |
scalemass |
scalemass.fill |
server.rack |
server.rack.fill |
shuffle |
sidebar.left |
slider.horizontal.3 |
sparkles |
speaker |
speaker.fill |
speaker.wave.3 |
speaker.wave.3.fill |
square.and.arrow.down |
square.and.arrow.down.fill |
square.and.arrow.up |
square.and.arrow.up.fill |
square.and.pencil |
square.and.pencil.fill |
square.grid.2x2 |
square.grid.2x2.fill |
square.stack |
square.stack.fill |
star |
star.fill |
stop |
stop.fill |
stopwatch |
stopwatch.fill |
sun.max |
sun.max.fill |
tag |
tag.fill |
text.append |
text.badge.plus |
text.insert |
textformat |
timer |
timer.fill |
trash |
trash.fill |
tray |
tray.fill |
tray.full |
tray.full.fill |
tv.music.note |
tv.music.note.fill |
viewfinder |
waveform |
xmark |
xmark.circle |
xmark.circle.fill |