Font Icons

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