By Peter van Westen

How to use

To use an icon in your content or Joomla! extension, use this syntax:

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

Replace the xxx with one of the icon aliases fond below.

 

Example

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

Will output:  

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

Will output:  

 

Icons

 
joomla
 
chevron-up
uparrow
arrow-up
 
chevron-right
rightarrow
arrow-right
 
chevron-down
downarrow
arrow-down
 
chevron-left
leftarrow
arrow-left
 
arrow-first
 
arrow-last
 
arrow-up-2
 
arrow-right-2
 
arrow-down-2
 
arrow-left-2
 
arrow-up-3
 
arrow-right-3
 
arrow-down-3
 
arrow-left-3
 
menu-2
 
arrow-up-4
 
arrow-right-4
 
arrow-down-4
 
arrow-left-4
 
share
redo
 
undo
 
forward-2
 
backward-2
reply
 
unblock
refresh
redo-2
 
undo-2
 
move
 
expand
 
contract
 
expand-2
 
contract-2
 
play
 
pause
 
stop
 
previous
backward
 
next
forward
 
first
 
last
 
play-circle
 
pause-circle
 
stop-circle
 
backward-circle
 
forward-circle
 
loop
 
shuffle
 
search
 
zoom-in
 
zoom-out
 
apply
edit
pencil
 
pencil-2
 
brush
 
save-new
plus-2
 
minus-sign
minus-2
 
delete
remove
cancel-2
 
publish
save
ok
 
new
plus
 
plus-circle
 
minus
not-ok
 
ban-circle
minus-circle
 
unpublish
cancel
 
cancel-circle
 
checkmark-2
 
checkmark-circle
 
info
 
info-2
info-circle
 
question
question-sign
help
 
question-2
question-circle
 
notification
 
notification-2
notification-circle
 
pending
warning
 
warning-2
warning-circle
 
checkbox-unchecked
 
checkin
checkbox
checkbox-checked
 
checkbox-partial
 
square
 
radio-unchecked
 
radio-checked
 
circle

signup
 
grid
grid-view
 
grid-2
grid-view-2
 
menu
 
list
list-view
 
list-2
 
menu-3
 
folder-open
folder
 
folder-close
folder-2
 
folder-plus
 
folder-minus
 
folder-3
 
folder-plus-2
 
folder-remove
 
file
 
file-2
 
file-add
file-plus
 
file-minus
 
file-check
 
file-remove
 
save-copy
copy
 
stack
 
tree
 
tree-2
 
paragraph-left
 
paragraph-center
 
paragraph-right
 
paragraph-justify
 
screen
 
tablet
 
mobile
 
box-add
 
box-remove
 
download
 
upload
 
home
 
home-2
 
out-2
new-tab
 
out-3
new-tab-2
 
link
 
picture
image
 
pictures
images
 
palette
color-palette
 
camera
 
camera-2
video
 
play-2
video-2
youtube
 
music
 
user
 
users
 
vcard
 
address
 
share-alt
out
 
enter
 
exit
 
comment
comments
 
comments-2
 
quote
quotes-left
 
quote-2
quotes-right
 
quote-3
bubble-quote
 
phone
 
phone-2
 
envelope
mail
 
envelope-opened
mail-2
 
unarchive
drawer
 
archive
drawer-2
 
briefcase
 
tag
 
tag-2
 
tags
 
tags-2
 
options
cog
 
cogs
 
screwdriver
tools
 
wrench
 
equalizer
 
dashboard
 
switch
 
filter
 
purge
trash
 
checkedout
lock
locked
 
unlock
 
key
 
support
 
database
 
scissors
 
health
 
wand
 
eye-open
eye
 
eye-close
eye-blocked
eye-2
 
clock
 
compass
 
broadcast
connection
wifi
 
book
 
lightning
flash
 
print
printer
 
feed
 
calendar
 
calendar-2
 
calendar-3
 
pie
 
bars
 
chart
 
power-cord
 
cube
 
puzzle
 
attachment
paperclip
flag-2
 
lamp
 
pin
pushpin
 
location
 
shield
 
flag
 
flag-3
 
bookmark
 
bookmark-2
 
heart
 
heart-2
 
thumbs-up
 
thumbs-down
 
unfeatured
asterisk
star-empty
 
star-2
 
featured
default
star
 
smiley
smiley-happy
 
smiley-2
smiley-happy-2
 
smiley-sad
 
smiley-sad-2
 
smiley-neutral
 
smiley-neutral-2
 
cart
 
basket
 
credit
 
credit-2