Icon Shortcode

Displays text with an icon

Shortcode:

Attributes:

type
Sets the type which determines the icon that will be displayed. The types you can choose from are below...

class
If you want to add some additional CSS classes to apply to the icon text (size, color, background, etc.) you can pass in additional classes here. This value is optional

Below is a listing of all of the classes you can set. These classes set the icon for text...

glass
music
search
envelope
heart
star
star-empty
user
film
th-large
th
th-list
ok
remove
zoom-in
zoom-out
off
signal
cog
trash
home
file
time
road
download-alt
download
upload
inbox
play-circle
repeat
refresh
list-alt
lock
flag
headphones
volume-off
volume-down
volume-up
qrcode
barcode
bar-chart
twitter-sign
facebook-sign
camera-retro
key
cogs
comments
thumbs-up
thumbs-down
star-half
heart-empty
signout
linkedin-sign
pushpin
external-link
signin
trophy
github-sign
upload-alt
lemon
phone
check-empty
bookmark-empty
phone-sign
twitter
facebook
github
unlock
credit-card
rss
hdd
bullhorn
bell
certificate
hand-right
hand-left
hand-up
hand-down
circle-arrow-left
circle-arrow-right
circle-arrow-up
circle-arrow-down
globe
tag
tags
book
bookmark
print
camera
font
bold
italic
text-height
text-width
align-left
align-center
align-right
align-justify
list
indent-left
indent-right
facetime-video
picture
pencil
map-marker
adjust
tint
edit
share
check
move
step-backward
fast-backward
backward
play
pause
stop
forward
fast-forward
step-forward
eject
chevron-left
chevron-right
wrench
tasks
filter
briefcase
fullscreen
group
link
cloud
beaker
cut
copy
paper-clip
save
sign-blank
reorder
list-ul
list-ol
strikethrough
underline
table
magic
truck
pinterest
pinterest-sign
google-plus-sign
google-plus
money
caret-down
caret-up
caret-left
caret-right
columns
sort
sort-down
sort-up
envelope-alt
linkedin
undo
legal
dashboard
comment-alt
comments-alt
bolt plus-sign
minus-sign
remove-sign
ok-sign
question-sign
info-sign
screenshot
remove-circle
ok-circle
ban-circle
arrow-left
arrow-right
arrow-up
arrow-down
share-alt
resize-full
resize-small
plus
minus
asterisk
exclamation-sign
gift
leaf
fire
eye-open
eye-close
warning-sign
plane
calendar
random
comment
magnet
chevron-up
chevron-down
retweet
shopping-cart
folder-close
folder-open
resize-vertical
resize-horizontal
sitemap
umbrella
paste
lightbulb
exchange
cloud-download
cloud-upload
user-md
stethoscope
suitcase
bell-alt
coffee
food
file-alt
building
hospital
ambulance
medkit
fighter-jet
beer
h-sign
plus-sign-alt
double-angle-left
double-angle-right
double-angle-up
double-angle-down
angle-left
angle-right
angle-up
angle-down
desktop
laptop
tablet
mobile-phone
circle-blank
quote-left
quote-right
spinner
circle
reply
github-alt
folder-close-alt
folder-open-alt

Examples:

The following will display icon text...

You could even combine icon text with the button shortcode to make an icon button...

Back to Shortcodes »