Joomla User Manual

Manual Index

Font Awesome Fonts

How to Use

The Joomla! CMS comes with its own custom Font Awesome Font Set. These icon fonts are available by default for use in the Cassiopeia and Atum templates.

Icon fonts that are mapped in /media/system/scss/_icomoon.scss can be called with a name-of-icon"> tag and a {space} </span>. eg

<span class="icon-joomla"> </span>

Will show the Joomla! icon:  

Icon fonts that are not mapped can be called with a <span class="far fa-name-of-icon"> tag and a {space} </span>. Example:

<i class="fa fa-adjust"></i>

Will show an adjust icon:

Font Size

Because the icons are fonts, you can control the size of them with an added class or style= statement. Of course you will have to define the class in your .css or .less stylesheet file.

<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>

Here is the resized Joomla! icon:  

Available Fontawesome Icons

This is the complete list of the Font Awesome libraries included in Joomla 4

/media/vendor/fontawesome-free/webfonts/fa-brands-400

   joomla

/media/vendor/fontawesome-free/webfonts/fa-regular-400 and /media/vendor/fontawesome-free/webfonts/fa-solid-900

   ad
   address-book
   address-card
   adjust
   air-freshener
   align-center
   align-justify
   align-left
   align-right
   allergies
   ambulance
   american-sign-language-interpreting
   anchor
   angle-double-down
   angle-double-left
   angle-double-right
   angle-double-up
   angle-down
   angle-left
   angle-right
   angle-up
   angry
   ankh
   apple-alt
   archive
   archway
   arrow-alt-circle-down
   arrow-alt-circle-left
   arrow-alt-circle-right
   arrow-alt-circle-up
   arrow-circle-down
   arrow-circle-left
   arrow-circle-right
   arrow-circle-up
   arrow-down
   arrow-left
   arrow-right
   arrow-up
   arrows-alt
   arrows-alt-h
   arrows-alt-v
   assistive-listening-systems
   asterisk
   at
   atlas
   atom
   audio-description
   award
   baby
   baby-carriage
   backspace
   backward
   bacon
   bacteria
   bacterium
   bahai
   balance-scale
   balance-scale-left
   balance-scale-right
   ban
   band-aid
   barcode
   bars
   baseball-ball
   basketball-ball
   bath
   battery-empty
   battery-full
   battery-half
   battery-quarter
   battery-three-quarters
   bed
   beer
   bell
   bell-slash
   bezier-curve
   bible
   bicycle
   biking
   binoculars
   biohazard
   birthday-cake
   blender
   blender-phone
   blind
   blog
   bold
   bolt
   bomb
   bone
   bong
   book
   book-dead
   book-medical
   book-open
   book-reader
   bookmark
   border-all
   border-none
   border-style
   bowling-ball
   box
   box-open
   box-tissue
   boxes
   braille
   brain
   bread-slice
   briefcase
   briefcase-medical
   broadcast-tower
   broom
   brush
   bug
   building
   bullhorn
   bullseye
   burn
   bus
   bus-alt
   business-time
   calculator
   calendar
   calendar-alt
   calendar-check
   calendar-day
   calendar-minus
   calendar-plus
   calendar-times
   calendar-week
   camera
   camera-retro
   campground
   candy-cane
   cannabis
   capsules
   car
   car-alt
   car-battery
   car-crash
   car-side
   caravan
   caret-down
   caret-left
   caret-right
   caret-square-down
   caret-square-left
   caret-square-right
   caret-square-up
   caret-up
   carrot
   cart-arrow-down
   cart-plus
   cash-register
   cat
   certificate
   chair
   chalkboard
   chalkboard-teacher
   charging-station
   chart-area
   chart-bar
   chart-line
   chart-pie
   check
   check-circle
   check-double
   check-square
   cheese
   chess
   chess-bishop
   chess-board
   chess-king
   chess-knight
   chess-pawn
   chess-queen
   chess-rook
   chevron-circle-down
   chevron-circle-left
   chevron-circle-right
   chevron-circle-up
   chevron-down
   chevron-left
   chevron-right
   chevron-up
   child
   church
   circle
   circle-notch
   city
   clinic-medical
   clipboard
   clipboard-check
   clipboard-list
   clock
   clone
   closed-captioning
   cloud
   cloud-download-alt
   cloud-meatball
   cloud-moon
   cloud-moon-rain
   cloud-rain
   cloud-showers-heavy
   cloud-sun
   cloud-sun-rain
   cloud-upload-alt
   cocktail
   code
   code-branch
   coffee
   cog
   cogs
   coins
   columns
   comment
   comment-alt
   comment-dollar
   comment-dots
   comment-medical
   comment-slash
   comments
   comments-dollar
   compact-disc
   compass
   compress
   compress-alt
   compress-arrows-alt
   concierge-bell
   cookie
   cookie-bite
   copy
   copyright
   couch
   credit-card
   crop
   crop-alt
   cross
   crosshairs
   crow
   crown
   crutch
   cube
   cubes
   cut
   database
   deaf
   democrat
   desktop
   dharmachakra
   diagnoses
   dice
   dice-d20
   dice-d6
   dice-five
   dice-four
   dice-one
   dice-six
   dice-three
   dice-two
   digital-tachograph
   directions
   disease
   divide
   dizzy
   dna
   dog
   dollar-sign
   dolly
   dolly-flatbed
   donate
   door-closed
   door-open
   dot-circle
   dove
   download
   drafting-compass
   dragon
   draw-polygon
   drum
   drum-steelpan
   drumstick-bite
   dumbbell
   dumpster
   dumpster-fire
   dungeon
   edit
   egg
   eject
   ellipsis-h
   ellipsis-v
   envelope
   envelope-open
   envelope-open-text
   envelope-square
   equals
   eraser
   ethernet
   euro-sign
   exchange-alt
   exclamation
   exclamation-circle
   exclamation-triangle
   expand
   expand-alt
   expand-arrows-alt
   external-link-alt
   external-link-square-alt
   eye
   eye-dropper
   eye-slash
   fan
   fast-backward
   fast-forward
   faucet
   fax
   feather
   feather-alt
   female
   fighter-jet
   file
   file-alt
   file-archive
   file-audio
   file-code
   file-contract
   file-csv
   file-download
   file-excel
   file-export
   file-image
   file-import
   file-invoice
   file-invoice-dollar
   file-medical
   file-medical-alt
   file-pdf
   file-powerpoint
   file-prescription
   file-signature
   file-upload
   file-video
   file-word
   fill
   fill-drip
   film
   filter
   fingerprint
   fire
   fire-alt
   fire-extinguisher
   first-aid
   fish
   fist-raised
   flag
   flag-checkered
   flag-usa
   flask
   flushed
   folder
   folder-minus
   folder-open
   folder-plus
   font
   football-ball
   forward
   frog
   frown
   frown-open
   funnel-dollar
   futbol
   gamepad
   gas-pump
   gavel
   gem
   genderless
   ghost
   gift
   gifts
   glass-cheers
   glass-martini
   glass-martini-alt
   glass-whiskey
   glasses
   globe
   globe-africa
   globe-americas
   globe-asia
   globe-europe
   golf-ball
   gopuram
   graduation-cap
   greater-than
   greater-than-equal
   grimace
   grin
   grin-alt
   grin-beam
   grin-beam-sweat
   grin-hearts
   grin-squint
   grin-squint-tears
   grin-stars
   grin-tears
   grin-tongue
   grin-tongue-squint
   grin-tongue-wink
   grin-wink
   grip-horizontal
   grip-lines
   grip-lines-vertical
   grip-vertical
   guitar
   h-square
   hamburger
   hammer
   hamsa
   hand-holding
   hand-holding-heart
   hand-holding-medical
   hand-holding-usd
   hand-holding-water
   hand-lizard
   hand-middle-finger
   hand-paper
   hand-peace
   hand-point-down
   hand-point-left
   hand-point-right
   hand-point-up
   hand-pointer
   hand-rock
   hand-scissors
   hand-sparkles
   hand-spock
   hands
   hands-helping
   hands-wash
   handshake
   handshake-alt-slash
   handshake-slash
   hanukiah
   hard-hat
   hashtag
   hat-cowboy
   hat-cowboy-side
   hat-wizard
   hdd
   head-side-cough
   head-side-cough-slash
   head-side-mask
   head-side-virus
   heading
   headphones
   headphones-alt
   headset
   heart
   heart-broken
   heartbeat
   helicopter
   highlighter
   hiking
   hippo
   history
   hockey-puck
   holly-berry
   home
   horse
   horse-head
   hospital
   hospital-alt
   hospital-symbol
   hospital-user
   hot-tub
   hotdog
   hotel
   hourglass
   hourglass-end
   hourglass-half
   hourglass-start
   house-damage
   house-user
   hryvnia
   i-cursor
   ice-cream
   icicles
   icons
   id-badge
   id-card
   id-card-alt
   igloo
   image
   images
   inbox
   indent
   industry
   infinity
   info
   info-circle
   italic
   jedi
   joint
   journal-whills
   kaaba
   key
   keyboard
   khanda
   kiss
   kiss-beam
   kiss-wink-heart
   kiwi-bird
   landmark
   language
   laptop
   laptop-code
   laptop-house
   laptop-medical
   laugh
   laugh-beam
   laugh-squint
   laugh-wink
   layer-group
   leaf
   lemon
   less-than
   less-than-equal
   level-down-alt
   level-up-alt
   life-ring
   lightbulb
   link
   lira-sign
   list
   list-alt
   list-ol
   list-ul
   location-arrow
   lock
   lock-open
   long-arrow-alt-down
   long-arrow-alt-left
   long-arrow-alt-right
   long-arrow-alt-up
   low-vision
   luggage-cart
   lungs
   lungs-virus
   magic
   magnet
   mail-bulk
   male
   map
   map-marked
   map-marked-alt
   map-marker
   map-marker-alt
   map-pin
   map-signs
   marker
   mars
   mars-double
   mars-stroke
   mars-stroke-h
   mars-stroke-v
   mask
   medal
   medkit
   meh
   meh-blank
   meh-rolling-eyes
   memory
   menorah
   mercury
   meteor
   microchip
   microphone
   microphone-alt
   microphone-alt-slash
   microphone-slash
   microscope
   minus
   minus-circle
   minus-square
   mitten
   mobile
   mobile-alt
   money-bill
   money-bill-alt
   money-bill-wave
   money-bill-wave-alt
   money-check
   money-check-alt
   monument
   moon
   mortar-pestle
   mosque
   motorcycle
   mountain
   mouse
   mouse-pointer
   mug-hot
   music
   network-wired
   neuter
   newspaper
   not-equal
   notes-medical
   object-group
   object-ungroup
   oil-can
   om
   otter
   outdent
   pager
   paint-brush
   paint-roller
   palette
   pallet
   paper-plane
   paperclip
   parachute-box
   paragraph
   parking
   passport
   pastafarianism
   paste
   pause
   pause-circle
   paw
   peace
   pen
   pen-alt
   pen-fancy
   pen-nib
   pen-square
   pencil-alt
   pencil-ruler
   people-arrows
   people-carry
   pepper-hot
   percent
   percentage
   person-booth
   phone
   phone-alt
   phone-slash
   phone-square
   phone-square-alt
   phone-volume
   photo-video
   piggy-bank
   pills
   pizza-slice
   place-of-worship
   plane
   plane-arrival
   plane-departure
   plane-slash
   play
   play-circle
   plug
   plus
   plus-circle
   plus-square
   podcast
   poll
   poll-h
   poo
   poo-storm
   poop
   portrait
   pound-sign
   power-off
   pray
   praying-hands
   prescription
   prescription-bottle
   prescription-bottle-alt
   print
   procedures
   project-diagram
   pump-medical
   pump-soap
   puzzle-piece
   qrcode
   question
   question-circle
   quidditch
   quote-left
   quote-right
   quran
   radiation
   radiation-alt
   rainbow
   random
   receipt
   record-vinyl
   recycle
   redo
   redo-alt
   registered
   remove-format
   reply
   reply-all
   republican
   restroom
   retweet
   ribbon
   ring
   road
   robot
   rocket
   route
   rss
   rss-square
   ruble-sign
   ruler
   ruler-combined
   ruler-horizontal
   ruler-vertical
   running
   rupee-sign
   sad-cry
   sad-tear
   satellite
   satellite-dish
   save
   school
   screwdriver
   scroll
   sd-card
   search
   search-dollar
   search-location
   search-minus
   search-plus
   seedling
   server
   shapes
   share
   share-alt
   share-alt-square
   share-square
   shekel-sign
   shield-alt
   shield-virus
   ship
   shipping-fast
   shoe-prints
   shopping-bag
   shopping-basket
   shopping-cart
   shower
   shuttle-van
   sign
  sign-in-alt
   sign-language
   sign-out-alt
   signal
   signature
   sim-card
   sink
   sitemap
   skating
   skiing
   skiing-nordic
   skull
   skull-crossbones
   slash
   sleigh
   sliders-h
   smile
   smile-beam
   smile-wink
   smog
   smoking
   smoking-ban
   sms
   snowboarding
   snowflake
   snowman
   snowplow
   soap
   socks
   solar-panel
   sort
   sort-alpha-down
   sort-alpha-down-alt
   sort-alpha-up
   sort-alpha-up-alt
   sort-amount-down
   sort-amount-down-alt
   sort-amount-up
   sort-amount-up-alt
   sort-down
   sort-numeric-down
   sort-numeric-down-alt
   sort-numeric-up
   sort-numeric-up-alt
   sort-up
   spa
   space-shuttle
   spell-check
   spider
   spinner
   splotch
   spray-can
   square
   square-full
   square-root-alt
   stamp
   star
   star-and-crescent
   star-half
   star-half-alt
   star-of-david
   star-of-life
   step-backward
   step-forward
   stethoscope
   sticky-note
   stop
   stop-circle
   stopwatch
   stopwatch-20
   store
   store-alt
   store-alt-slash
   store-slash
   stream
   street-view
   strikethrough
   stroopwafel
   subscript
   subway
   suitcase
   suitcase-rolling
   sun
   superscript
   surprise
   swatchbook
   swimmer
   swimming-pool
   synagogue
   sync
   sync-alt
   syringe
   table
   table-t**ennis
   tablet
   tablet-alt
   tablets
   tachometer-alt
   tag
   tags
   tape
   tasks
   taxi
   teeth
   teeth-open
   temperature-high
   temperature-low
   tenge
   terminal
   text-height
   text-width
   th
   th-large
   th-list
   theater-masks
   thermometer
   thermometer-empty
   thermometer-full
   thermometer-half
   thermometer-quarter
   thermometer-three-quarters
   thumbs-down
   thumbs-up
   thumbtack
   ticket-alt
   times
   times-circle
   tint
   tint-slash
   tired
   toggle-off
   toggle-on
   toilet
   toilet-paper
   toilet-paper-slash
   toolbox
   tools
   tooth
   torah
   torii-gate
   tractor
   trademark
   traffic-light
   trailer
   train
   tram
   transgender
   transgender-alt
   trash
   trash-alt
   trash-restore
   trash-restore-alt
   tree
   trophy
   truck
   truck-loading
   truck-monster
   truck-moving
   truck-pickup
   tshirt
   tty
   tv
   umbrella
   umbrella-beach
   underline
   undo
   undo-alt
   universal-access
   university
   unlink
   unlock
   unlock-alt
   upload
   user
   user-alt
   user-alt-slash
   user-astronaut
   user-check
   user-circle
   user-clock
   user-cog
   user-edit
   user-friends
   user-graduate
   user-injured
   user-lock
   user-md
   user-minus
   user-ninja
   user-nurse
   user-plus
   user-secret
   user-shield
   user-slash
   user-tag
   user-tie
   user-times
   users
   users-cog
   users-slash
   utensil-spoon
   utensils
   vector-square
   venus
   venus-double
   venus-mars
   vest
   vest-patches
   vial
   vials
   video
   video-slash
   vihara
   virus
   virus-slash
   viruses
   voicemail
   volleyball-ball
   volume-down
   volume-mute
   volume-off
   volume-up
   vote-yea
   vr-cardboard
   walking
   wallet
   warehouse
   water
   wave-square
   weight
   weight-hanging
   wheelchair
   wifi
   wind
   window-close
   window-maximize
   window-minimize
   window-restore
   wine-bottle
   wine-glass
   wine-glass-alt
   won-sign
   wrench
   x-ray
   yen-sign
   yin-yang