We included the free icon font Font Awesome in our theme, offering about 249 different icons that you can apply in a lot of things to turn your website more awesome!

Since these are font icons, they will looks wonderful in your Retina Display device, don’t worry about it!

Inline Text

You can use the icons normally in your text and still defines a link to the icon, if you want!

Use in Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Use in Boxes

You can use blocks like this

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at, placerat at erat. Mauris tincidunt tempor nunc ut accumsan.

With any icon or color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at, placerat at erat. Mauris tincidunt tempor nunc ut accumsan.

Retina Display Ready!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at, placerat at erat. Mauris tincidunt tempor nunc ut accumsan.

Use in Blocks

Use blocks to display

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at.

Your Features

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at.

Your Pricing Options

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at.

Add Links, or not!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at.

Web Application Icons

adjust
anchor
asterisk
ban-circle
bar-chart
barcode
beaker
beer
bell-alt
bell
bolt
book
bookmark-empty
bookmark
briefcase
bullhorn
bullseye
calendar-empty
calendar
camera-retro
camera
certificate
check-empty
check-minus
check-sign
check
circle-blank
circle
cloud-download
cloud-upload
cloud
code-fork
code
coffee
cog
cogs
collapse-alt
comment-alt
comment
comments-alt
comments
credit-card
crop
dashboard
desktop
download-alt
download
edit-sign
edit
ellipsis-horizontal
ellipsis-vertical

envelope-alt
envelope
eraser
exchange
exclamation-sign
exclamation
expand-alt
external-link-sign
external-link
eye-close
eye-open
facetime-video
fighter-jet
film
filter
fire-extinguisher
fire
flag-alt
flag-checkered
flag
folder-close-alt
folder-close
folder-open
folder-open-alt
food
frown
gamepad
gift
glass
globe
group
hdd
headphones
heart-empty
heart
home
inbox
info-sign
info
key
keyboard
laptop
leaf
legal
lemon
level-down
level-up
lightbulb
location-arrow
lock
magic

magnet
share-alt
reply
reply-all
map-marker
meh
microphone-off
microphone
minus-sign-alt
minus-sign
minus
mobile-phone
money
move
music
off
ok-circle
ok-sign
ok
pencil
phone-sign
phone
picture
plane
plus-sign
plus
print
pushpin
puzzle-piece
qrcode
question-sign
quote-left
quote-right
random
refresh
remove-circle
remove
reorder
rss-sign
repeat
undo
rocket
road
retweet
resize-vertical
question
share-alt
reply
reply-all
resize-horizontal

rss
screenshot
search
share-alt
share-sign
share
shield
shopping-cart
sign-blank
signal
signin
signout
smile
sitemap
sort-down
sort-up
sort
spinner
star-empty
star-half-full
star-half-empty
star-half
star
tablet
tag
tags
tasks
terminal
thumbs-down
thumbs-up
ticket
time
tint
trash
trophy
truck
umbrella
unlock-alt
unlock
upload-alt
upload
user-md
user
volume-down
volume-off
volume-up
warning-sign
wrench
zoom-in
zoom-out

New Icons in 3.1.1

expand-alt
collapse-alt
smile
frown
meh
gamepad
keyboard
flag-alt
flag-checkered
terminal
code
mail-forward
reply-all
mail-reply
mail-reply-all

star-half-full
star-half-empty
location-arrow
rotate-left
rotate-right
crop
code-fork
unlink
question
info
exclamation
superscript
subscript
eraser
puzzle-piece

microphone
microphone-off
shield
calendar-empty
fire-extinguisher
rocket
maxcdn
chevron-sign-left
chevron-sign-right
chevron-sign-down
chevron-sign-up
html5
css3
anchor
unlock-alt

bullseye
ellipsis-horizontal
ellipsis-vertical
rss-sign
play-sign
ticket
minus-sign-alt
check-minus
leve-up
level-down
check-sign
edit-sign
external-link-sign
share-sign

Text Editor Icons

file
file-alt
cut
copy
paste
save
undo
repeat
text-height

text-width
align-left
align-center
align-right
align-justify
indent-left
indent-right
font
bold

italic
strikethroungh
underline
superscript
subscript
link
unlink
paper-clip
eraser

columns
table
th-large
th
th-list
list
list-ol
list-ul
list-alt

Directional Icons

angle-left
angle-right
angle-up
angle-down
arrow-left
arrow-right
arrow-up
arrow-down

caret-left
caret-right
caret-up
caret-down
chevron-left
chevron-right
chevron-up
chevron-down

chevron-sign-left
chevron-sign-right
chevron-sign-up
circle-arrow-down
circle-arrow-left
circle-arrow-right
circle-arrow-up
circle-arrow-down

double-angle-left
double-angle-right
double-angle-up
double-angle-down
hand-down
hand-left
hand-right
hand-up

Video Player Icons

play-circle
play-sign
play
pause

stop
eject
backward
forward

fast-backward
fast-forward
step-backward
step-forward

fullscreen
resize-full
resize-small

Brand Icons

css3
facebook
facebook-sign
twitter

twitter-sign
github-sign
github
twitter-sign

linkedin
linkedin-sign
maxcdn
pinterest

pinterest-sign
google-plus
google-plus-sign

Medical Icons

ambulance
beaker

h-sign
hospital

medkit
plus-sign-alt

stethoscope
user-md

Get the Code

[xt_font_icon icon="plus-1"]
<p>////</p>
[xt_font_icon icon="plus-1" href="#"]
<p>////</p>
<h1>[xt_font_icon icon="heart-1"] Heading 1</h1>
<p>////</p>
[xt_box_font_icon icon="ok-circle"]
<h3>You can use blocks like this</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at, placerat at erat. Mauris tincidunt tempor nunc ut accumsan.<br />
[/xt_box_font_icon]
<p>////</p>
[xt_block_font_icon icon="cloud-1" href="#"]
<h3 style="text-align: center;">Use blocks to display</h3>
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus augue, vehicula at ornare at.</p>

Shortcode Options

Retina Display Ready
A lot of icons options
Use in any place: text, blocks, boxes, headings
icon – the icon to be displayed
href – your address
color - your custom color, like #2eaddd or red
size - the icon size, like 2em or 42px
target – _self or _blank, defines if the link will open in a new window or not. Default: _self
margin – custom margin in CSS format, like 5px 25px 5px 25px