Appearance
Icons
The component library uses FontAwesome Pro icons across four styles. All icons are registered globally via icons-loader.ts and can be used with the <FTIcon> component or the <Fa> component directly.
Usage
vue
<FTIcon icon="fas user" /><FTIcon icon="fas user" />Prefixes: fas (Solid), far (Regular), fad (Duotone), fal (Light)
Solid (fas)
Solid Icons
add
address-card
alarm-clock
alarm-exclamation
align-center
align-justify
align-left
align-right
align-slash
analytics
angle-right
angle-up
apple-core
archive
arrow-alt-circle-down
arrow-alt-circle-right
arrow-alt-circle-up
arrow-alt-square-right
arrow-down
arrow-left
arrow-left-rotate
arrow-left-to-line
arrow-pointer
arrow-right
arrow-right-from-file
arrow-right-rotate
arrow-right-to-file
arrow-right-to-line
arrow-rotate-back
arrow-rotate-backward
arrow-rotate-forward
arrow-rotate-left
arrow-rotate-right
arrow-square-right
arrow-to-left
arrow-to-right
arrow-turn-down-left
arrow-up-right-from-square
arrows-maximize
arrows-minimize
arrows-repeat
arrows-rotate
arrows-spin
backspace
badge-check
balance-scale
balance-scale-left
ballot-check
ban
bar-chart
bars-filter
basketball
basketball-ball
battery
battery-5
battery-full
bell
bell-exclamation
bell-on
bezier-curve
bold
bolt
bolt-lightning
book
book-open-alt
book-open-cover
box-archive
box-dollar
box-usd
brain
broom
browser
bullhorn
bullseye
bullseye-pointer
calculator-alt
calculator-simple
calendar
calendar-alt
calendar-days
camera
camera-alt
cancel
cards
caret-down
caret-left
caret-right
caret-up
chain
chain-broken
chain-horizontal-slash
chain-slash
chart-bar
chart-line-up
chart-mixed
chart-pie
chart-scatter-3d
chart-simple
chart-user
check
check-circle
check-square
chess
chevron-circle-left
chevron-double-down
chevron-double-right
chevron-double-up
chevron-down
chevron-left
chevron-right
chevron-up
chevrons-down
chevrons-right
chevrons-up
circle
circle-7
circle-check
circle-chevron-left
circle-dollar
circle-dot
circle-down
circle-exclamation
circle-info
circle-minus
circle-pause
circle-play
circle-plus
circle-question
circle-right
circle-stop
circle-up
circle-xmark
clock
clock-four
clock-rotate-left
close
cloud-arrow-up
cloud-upload
cloud-upload-alt
clover
code
code-branch
code-commit
cog
coin-blank
coin-front
coin-vertical
coins
columns
columns-3
comment
comment-alt
comment-alt-dollar
comment-alt-exclamation
comment-alt-slash
comment-alt-times
comment-dollar
comment-dots
comment-middle-alt
comment-sms
commenting
comments-alt
compass
compass-drafting
compress-arrows
contact-card
copy
credit-card
credit-card-alt
credit-card-front
crown
cube
cubes
database
delete-left
delete-right
desktop
desktop-alt
diamond-exclamation
dice
dollar-circle
dolly
dolly-box
dot-circle
download
drafting-compass
droplet-slash
earth
earth-africa
earth-america
earth-americas
earth-asia
earth-europe
edit
ellipsis
ellipsis-h
ellipsis-v
ellipsis-vertical
empty-set
envelope
envelope-badge
envelope-dot
envelope-open-text
envelopes
envelopes-bulk
eraser
eur
euro
euro-sign
exclamation
exclamation-circle
exclamation-triangle
expand-arrows
expand-arrows-alt
external-link
external-link-alt
external-link-square-alt
eye
eye-slash
face-frown
face-grin
face-hand-peeking
face-meh
face-sleeping
face-smile
fast-forward
file
file-arrow-down
file-check
file-clipboard
file-download
file-export
file-image
file-import
file-invoice-dollar
file-pdf
file-plus
file-spreadsheet
fill-drip
filter
filter-list
flag
flag-pennant
flask
folder
folder-arrow-down
folder-blank
folder-download
folder-minus
folder-open
folder-plus
folders
forward-fast
forward-step
frown
function
gauge-simple
gauge-simple-high
gauge-simple-low
gauge-simple-max
gauge-simple-med
gauge-simple-min
gear
gift
gift-card
globe
globe-africa
globe-americas
globe-asia
globe-europe
globe-stand
grid-2
grid-2-plus
grid-horizontal
grin
grip-dots-vertical
h1
h2
h3
hand
hand-paper
hands-helping
handshake-angle
hashtag
head-side-gear
header
heading
heart
heart-broken
heart-crack
heart-rate
highlighter
highlighter-line
history
horizontal-rule
hourglass-2
hourglass-3
hourglass-end
hourglass-half
house-chimney-blank
icons-alt
image
image-slash
inbox
inbox-full
infinity
info
info-circle
input-text
italic
key
language
light-emergency-on
link
link-horizontal-slash
link-slash
list-1-2
list-check
list-dots
list-numeric
list-ol
list-timeline
list-ul
loader
lock
lock-alt
lock-keyhole
lock-open
long-arrow-alt-right
magic-wand-sparkles
magnifying-glass
mail-bulk
map-location-dot
map-marked-alt
maximize
megaphone
meh
message
message-arrow-up-right
message-bot
message-dollar
message-exclamation
message-middle
message-question
message-slash
message-sms
message-times
message-xmark
messages
microchip
microphone
microscope
minus
minus-circle
minus-square
mobile
mobile-alt
mobile-android
mobile-button
mobile-phone
mobile-screen-button
money-bill
money-bill-simple
money-bill-wave
money-bills-alt
money-bills-simple
money-check
money-check-alt
money-check-dollar
money-check-dollar-pen
money-check-edit
money-check-edit-alt
money-check-pen
money-from-bracket
money-simple-from-bracket
moon
mouse-pointer
multiply
octagon-xmark
paintbrush-pencil
paper-plane
paper-plane-alt
paper-plane-top
paperclip
paragraph
paste
pause
pause-circle
pen-line
pen-nib
pen-to-square
pencil
pencil-alt
pennant
person-from-portal
person-to-portal
phone
phone-arrow-up
phone-arrow-up-right
phone-outgoing
pie-chart
planet-moon
play
play-circle
plug
plus
plus-circle
plus-square
poll
poll-h
poll-people
portal-enter
portal-exit
power-off
puzzle
puzzle-piece
question-circle
ranking-star
rectangle-history
rectangle-history-circle-plus
redo
redo-alt
refresh
remove
repeat
repeat-alt
right-from-bracket
right-long
right-to-bracket
robot
rocket-launch
rotate
rotate-back
rotate-backward
rotate-forward
rotate-left
rotate-right
scale-balanced
scale-unbalanced
search
send
server
shirt-running
sign-in-alt
sign-out-alt
signal
signal-5
signal-alt
signal-alt-4
signal-bars
signal-bars-strong
signal-perfect
sliders
sliders-h
slot-machine
smile
sms
solar-system
spell-check
spinner
spinner-third
square
square-arrow-right
square-bolt
square-check
square-code
square-dashed-circle-plus
square-list
square-minus
square-plus
square-poll-horizontal
square-poll-vertical
square-right
square-up-right
star
star-sharp
stars
step-forward
stop-circle
strikethrough
subtract
sun-alt
sun-bright
symbols
sync
sync-alt
table
table-columns
table-layout
tablet
tablet-alt
tablet-android
tablet-screen-button
tachometer
tachometer-average
tachometer-fast
tachometer-fastest
tachometer-slow
tachometer-slowest
tag
tags
tasks
telescope
terminal
text
thumb-tack
thumbs-down
thumbs-up
thumbtack
ticket
times
times-circle
times-octagon
tint-slash
toggle-off
toggle-on
trash
trash-arrow-turn-left
trash-undo
triangle-exclamation
trophy
underline
undo
undo-alt
unlink
up-right
up-right-from-square
upload
usd-circle
user
user-alt
user-chart
user-check
user-cog
user-construction
user-crown
user-friends
user-gear
user-group
user-group-crown
user-hard-hat
user-headset
user-helmet-safety
user-large
user-lock
user-minus
user-plus
user-robot
user-robot-xmarks
user-secret
user-tag
user-times
user-xmark
users
users-cog
users-crown
users-gear
users-viewfinder
vcard
wand-magic-sparkles
warning
wave-pulse
wifi
wifi-3
wifi-strong
window-maximize
window-minimize
wrench
xmark
xmark-circle
xmark-octagon
zap
Regular (far)
Regular Icons
angle-double-right
angles-right
archive
arrow-left
arrow-left-rotate
arrow-rotate-back
arrow-rotate-backward
arrow-rotate-left
award
badge-check
badge-percent
basket-shopping
battery
battery-5
battery-full
box-archive
browser
bug
calculator-alt
calculator-simple
calendar-alt
calendar-days
chart-pie
check-circle
check-square
circle
circle-check
circle-dot
circle-info
circle-stop
circle-xmark
clock
clock-four
clock-rotate-left
clone
code
coins
copy
database
dot-circle
download
envelopes-bulk
eye
face-frown
face-laugh
file
file-alt
file-archive
file-audio
file-invoice-dollar
file-lines
file-pdf
file-text
file-video
file-zipper
folder-arrow-down
folder-download
frown
futbol
futbol-ball
grip-dots-vertical
hand
hand-paper
history
info-circle
laugh
layer-group
list
list-squares
lock-alt
lock-keyhole
mail-bulk
medal
megaphone
pencil
pencil-alt
pie-chart
play
plus-square
ranking-star
remove-format
robot
screwdriver-wrench
shopping-basket
slot-machine
soccer-ball
solar-system
square
square-check
square-plus
star-sharp
stop-circle
text-slash
times-circle
tire
tools
trash-alt
trash-can
trophy
trophy-alt
trophy-star
undo
user
user-alt
user-large
xmark-circle
Duotone (fad)
Duotone Icons
address-card
analytics
area-chart
arrow-down
arrow-up-9-1
arrows-alt-v
arrows-h
arrows-left-right
arrows-rotate
badge-check
balance-scale-left
ballot-check
bars
bell-on
book
calculator-alt
calculator-simple
cards-blank
chart-area
chart-line
chart-mixed
chart-pie
chart-simple
check-to-slot
circle-info
circle-notch
code
code-commit
coffee-pot
cog
coin
coins
columns
comments
contact-card
database
empty-set
envelope-open-text
envelopes-bulk
eye
face-monocle
face-sleeping
face-sleepy
face-thinking
file
file-chart-pie
file-csv
file-doc
file-eps
file-gif
file-image
file-invoice-dollar
file-jpg
file-mov
file-mp3
file-mp4
file-pdf
file-plus
file-png
file-ppt
file-spreadsheet
file-svg
file-user
file-xls
file-xml
file-zip
filters
fingerprint
flask
folder-closed
folder-open
function
gear
globe
grid
grid-3
hand-point-down
id-badge
image
info-circle
input-numeric
language
line-chart
line-columns
list-radio
list-timeline
list-tree
lock-alt
lock-keyhole
mail-bulk
message-bot
money-bill
mug-hot
navicon
pen-field
pen-ruler
pencil-ruler
people-group
person-from-portal
pie-chart
plug
plug-circle-check
plug-circle-xmark
plus-square
poll-people
portal-exit
ranking-star
rectangle-vertical-history
refresh
robot
rocket-launch
rotate
scale-unbalanced
screwdriver-wrench
seal-exclamation
seal-question
server
sitemap
sliders
sliders-h
sliders-up
sliders-v
slot-machine
solar-system
sort-numeric-up-alt
square-plus
star-sharp
sync
sync-alt
table-columns
table-layout
table-list
tags
terminal
th-list
timer
tire
tools
trophy-alt
trophy-star
up-down
upload
user
user-alt
user-clock
user-crown
user-friends
user-group
user-group-crown
user-headset
user-large
user-lock
users
users-crown
users-viewfinder
vcard
vote-yea
Light (fal)
Light Icons
check-circle
circle-check
close
compass
exclamation-triangle
face-smile-beam
flag
gift
icons-alt
lightbulb
male
multiply
person
pot-food
remove
smile-beam
solar-system
sportsball
symbols
times
tree
triangle-exclamation
warning
xmark