The template comming with huge selection of icons you can easy use in your content. Thanks to the FontAwesome icons support you can rich your text to make it more outstanding and attractive for your visitors.
Available Icons
- Web Application Icons
- Accessibility Icons
- Hand Icons
- Transportation Icons
- Gender Icons
- File Type Icons
- Spinner Icons
- Form Control Icons
- Payment Icons
- Chart Icons
- Currency Icons
- Text Editor Icons
- Directional Icons
- Video Player Icons
- Brand Icons
- Medical Icons
- Stroke Icons 7
How to use icons
Web Application Icons
adjust
anchor
archive
area-chart
arrows
arrows-h
arrows-v
asterisk
at
automobile
balance-scale
ban
bank
bar-chart
bar-chart-o
barcode
bars
battery-0
battery-1
battery-2
battery-3
battery-4
battery-empty
battery-full
battery-half
battery-quarter
battery-three-quarters
bed
beer
bell
bell-o
bell-slash
bell-slash-o
bicycle
binoculars
birthday-cake
bolt
bomb
book
bookmark
bookmark-o
briefcase
bug
building
building-o
bullhorn
bullseye
bus
cab
calculator
calendar
calendar-check-o
calendar-minus-o
calendar-o
calendar-plus-o
calendar-times-o
camera
camera-retro
car
caret-square-o-down
caret-square-o-left
caret-square-o-right
caret-square-o-up
cart-arrow-down
cart-plus
cc
certificate
check
check-circle
check-circle-o
check-square
check-square-o
child
circle
circle-o
circle-o-notch
circle-thin
clock-o
clone
close
cloud
cloud-download
cloud-upload
code
code-fork
coffee
cog
cogs
comment
comment-o
commenting
commenting-o
comments
comments-o
compass
copyright
creative-commons
credit-card
crop
crosshairs
cube
cubes
cutlery
dashboard
database
desktop
diamond
dot-circle-o
download
edit
ellipsis-h
ellipsis-v
envelope
envelope-o
envelope-square
eraser
exchange
exclamation
exclamation-circle
exclamation-triangle
external-link
external-link-square
eye
eye-slash
eyedropper
fax
feed
female
fighter-jet
file-archive-o
file-audio-o
file-code-o
file-excel-o
file-image-o
file-movie-o
file-pdf-o
file-photo-o
file-picture-o
file-powerpoint-o
file-sound-o
file-video-o
file-word-o
file-zip-o
film
filter
fire
fire-extinguisher
flag
flag-checkered
flag-o
flash
flask
folder
folder-o
folder-open
folder-open-o
frown-o
futbol-o
gamepad
gavel
gear
gears
gift
glass
globe
graduation-cap
group
hand-grab-o
hand-lizard-o
hand-paper-o
hand-peace-o
hand-pointer-o
hand-rock-o
hand-scissors-o
hand-spock-o
hand-stop-o
hdd-o
headphones
heart
heart-o
heartbeat
history
home
hotel
hourglass
hourglass-1
hourglass-2
hourglass-3
hourglass-end
hourglass-half
hourglass-o
hourglass-start
i-cursor
image
inbox
industry
info
info-circle
institution
key
keyboard-o
language
laptop
leaf
legal
lemon-o
level-down
level-up
life-bouy
life-buoy
life-ring
life-saver
lightbulb-o
line-chart
location-arrow
lock
magic
magnet
mail-forward
mail-reply
mail-reply-all
male
map
map-marker
map-o
map-pin
map-signs
meh-o
microphone
microphone-slash
minus
minus-circle
minus-square
minus-square-o
mobile
mobile-phone
money
moon-o
mortar-board
motorcycle
mouse-pointer
music
navicon
newspaper-o
object-group
object-ungroup
paint-brush
paper-plane
paper-plane-o
paw
pencil
pencil-square
pencil-square-o
phone
phone-square
photo
picture-o
pie-chart
plane
plug
plus
plus-circle
plus-square
plus-square-o
power-off
print
puzzle-piece
qrcode
question
question-circle
quote-left
quote-right
random
recycle
refresh
registered
remove
reorder
reply
reply-all
retweet
road
rocket
rss
rss-square
search
search-minus
search-plus
send
send-o
server
share
share-alt
share-alt-square
share-square
share-square-o
shield
ship
shopping-cart
sign-in
sign-out
signal
sitemap
sliders
smile-o
soccer-ball-o
sort
sort-alpha-asc
sort-alpha-desc
sort-amount-asc
sort-amount-desc
sort-asc
sort-desc
sort-down
sort-numeric-asc
sort-numeric-desc
sort-up
space-shuttle
spinner
spoon
square
square-o
star
star-half
star-half-empty
star-half-full
star-half-o
star-o
sticky-note
sticky-note-o
street-view
suitcase
sun-o
support
tablet
tachometer
tag
tags
tasks
taxi
television
terminal
thumb-tack
thumbs-down
thumbs-o-down
thumbs-o-up
thumbs-up
ticket
times
times-circle
times-circle-o
tint
toggle-down
toggle-left
toggle-off
toggle-on
toggle-right
toggle-up
trademark
trash
trash-o
tree
trophy
truck
tty
tv
umbrella
university
unlock
unlock-alt
unsorted
upload
user
user-plus
user-secret
user-times
users
video-camera
volume-down
volume-off
volume-up
warning
wheelchair
wifi
wrench
Accessibility Icons
cc
tty
wheelchair
Hand Icons
hand-grab-o
hand-lizard-o
hand-o-down
hand-o-left
hand-o-right
hand-o-up
hand-paper-o
hand-peace-o
hand-pointer-o
hand-rock-o
hand-scissors-o
hand-spock-o
hand-stop-o
thumbs-down
thumbs-o-down
thumbs-o-up
thumbs-up
Transportation Icons
ambulance
automobile
bicycle
bus
cab
car
fighter-jet
motorcycle
plane
rocket
ship
space-shuttle
subway
taxi
train
truck
wheelchair
wheelchair-alt
Gender Icons
genderless
intersex
mars
mars-double
mars-stroke
mars-stroke-h
mars-stroke-v
mercury
neuter
transgender
transgender-alt
venus
venus-double
venus-mars
File Type Icons
file
file-archive-o
file-audio-o
file-code-o
file-excel-o
file-image-o
file-movie-o
file-o
file-pdf-o
file-photo-o
file-picture-o
file-powerpoint-o
file-sound-o
file-text
file-text-o
file-video-o
file-word-o
file-zip-o
Spinner Icons
circle-o-notch
cog
gear
refresh
spinner
Form Control Icons
check-square
check-square-o
circle
circle-o
dot-circle-o
minus-square
minus-square-o
plus-square
plus-square-o
square
square-o
Payment Icons
cc-amex
cc-diners-club
cc-discover
cc-jcb
cc-mastercard
cc-paypal
cc-stripe
cc-visa
credit-card
credit-card-alt
google-wallet
paypal
Chart Icons
area-chart
bar-chart
bar-chart-o
line-chart
pie-chart
Currency Icons
bitcoin
btc
cny
dollar
eur
euro
gbp
gg
gg-circle
ils
inr
jpy
krw
money
rmb
rouble
rub
ruble
rupee
shekel
sheqel
try
turkish-lira
usd
won
yen
Text Editor Icons
align-center
align-justify
align-left
align-right
bold
chain
chain-broken
clipboard
columns
copy
cut
dedent
eraser
file
file-o
file-text
file-text-o
files-o
floppy-o
font
header
indent
italic
link
list
list-alt
list-ol
list-ul
outdent
paperclip
paragraph
paste
repeat
rotate-left
rotate-right
save
scissors
strikethrough
subscript
superscript
table
text-height
text-width
th
th-large
th-list
underline
undo
unlink
Directional Icons
angle-double-down
angle-double-left
angle-double-right
angle-double-up
angle-down
angle-left
angle-right
angle-up
arrow-circle-down
arrow-circle-left
arrow-circle-o-down
arrow-circle-o-left
arrow-circle-o-right
arrow-circle-o-up
arrow-circle-right
arrow-circle-up
arrow-down
arrow-left
arrow-right
arrow-up
arrows
arrows-alt
arrows-h
arrows-v
caret-down
caret-left
caret-right
caret-square-o-down
caret-square-o-left
caret-square-o-right
caret-square-o-up
caret-up
chevron-circle-down
chevron-circle-left
chevron-circle-right
chevron-circle-up
chevron-down
chevron-left
chevron-right
chevron-up
exchange
hand-o-down
hand-o-left
hand-o-right
hand-o-up
long-arrow-down
long-arrow-left
long-arrow-right
long-arrow-up
toggle-down
toggle-left
toggle-right
toggle-up
Video Player Icons
arrows-alt
backward
compress
eject
expand
fast-backward
fast-forward
forward
pause
pause-circle
pause-circle-o
play
play-circle
play-circle-o
random
step-backward
step-forward
stop
stop-circle
stop-circle-o
youtube-play
Brand Icons
500px
adn
amazon
android
angellist
apple
behance
behance-square
bitbucket
bitbucket-square
bitcoin
black-tie
bluetooth
bluetooth-b
btc
buysellads
cc-amex
cc-diners-club
cc-discover
cc-jcb
cc-mastercard
cc-paypal
cc-stripe
cc-visa
chrome
codepen
codiepie
connectdevelop
contao
css3
dashcube
delicious
deviantart
digg
dribbble
dropbox
drupal
edge
empire
envira
expeditedssl
fa
facebook
facebook-f
facebook-official
facebook-square
firefox
first-order
flickr
font-awesome
fonticons
fort-awesome
forumbee
foursquare
ge
get-pocket
gg
gg-circle
git
git-square
github
github-alt
github-square
gitlab
gittip
glide
glide-g
google
google-plus
google-plus-circle
google-plus-official
google-plus-square
google-wallet
gratipay
hacker-news
houzz
html5
instagram
internet-explorer
ioxhost
joomla
jsfiddle
lastfm
lastfm-square
leanpub
linkedin
linkedin-square
linux
maxcdn
meanpath
medium
mixcloud
modx
odnoklassniki
odnoklassniki-square
opencart
openid
opera
optin-monster
pagelines
paypal
pied-piper
pied-piper-alt
pied-piper-pp
pinterest
pinterest-p
pinterest-square
product-hunt
qq
ra
rebel
reddit
reddit-alien
reddit-square
renren
resistance
safari
scribd
sellsy
share-alt
share-alt-square
shirtsinbulk
simplybuilt
skyatlas
skype
slack
slideshare
snapchat
snapchat-ghost
snapchat-square
soundcloud
spotify
stack-exchange
stack-overflow
steam
steam-square
stumbleupon
stumbleupon-circle
tencent-weibo
themeisle
trello
tripadvisor
tumblr
tumblr-square
twitch
twitter
twitter-square
usb
viacoin
viadeo
viadeo-square
vimeo
vimeo-square
vine
vk
wechat
weibo
weixin
whatsapp
wikipedia-w
windows
wordpress
wpbeginner
wpforms
xing
xing-square
y-combinator
y-combinator-square
yahoo
yc
yc-square
yelp
yoast
youtube
youtube-play
youtube-square
Medical Icons
ambulance
h-square
heart
heart-o
heartbeat
hospital-o
medkit
plus-square
stethoscope
user-md
wheelchair
wheelchair-alt
Stroke Icons 7
pe-7s-album
pe-7s-arc
pe-7s-back-2
pe-7s-bandaid
pe-7s-car
pe-7s-diamond
pe-7s-door-lock
pe-7s-eyedropper
pe-7s-female
pe-7s-gym
pe-7s-hammer
pe-7s-headphones
pe-7s-helm
pe-7s-hourglass
pe-7s-leaf
pe-7s-magic-wand
pe-7s-male
pe-7s-map-2
pe-7s-next-2
pe-7s-paint-bucket
pe-7s-pendrive
pe-7s-photo
pe-7s-piggy
pe-7s-plugin
pe-7s-refresh-2
pe-7s-rocket
pe-7s-settings
pe-7s-shield
pe-7s-smile
pe-7s-usb
pe-7s-vector
pe-7s-wine
pe-7s-cloud-upload
pe-7s-cash
pe-7s-close
pe-7s-bluetooth
pe-7s-cloud-download
pe-7s-way
pe-7s-close-circle
pe-7s-id
pe-7s-angle-up
pe-7s-wristwatch
pe-7s-angle-up-circle
pe-7s-world
pe-7s-angle-right
pe-7s-volume
pe-7s-angle-right-circle
pe-7s-users
pe-7s-angle-left
pe-7s-user-female
pe-7s-angle-left-circle
pe-7s-up-arrow
pe-7s-angle-down
pe-7s-switch
pe-7s-angle-down-circle
pe-7s-scissors
pe-7s-wallet
pe-7s-safe
pe-7s-volume2
pe-7s-volume1
pe-7s-voicemail
pe-7s-video
pe-7s-user
pe-7s-upload
pe-7s-unlock
pe-7s-umbrella
pe-7s-trash
pe-7s-tools
pe-7s-timer
pe-7s-ticket
pe-7s-target
pe-7s-sun
pe-7s-study
pe-7s-stopwatch
pe-7s-star
pe-7s-speaker
pe-7s-signal
pe-7s-shuffle
pe-7s-shopbag
pe-7s-share
pe-7s-server
pe-7s-search
pe-7s-film
pe-7s-science
pe-7s-disk
pe-7s-ribbon
pe-7s-repeat
pe-7s-refresh
pe-7s-add-user
pe-7s-refresh-cloud
pe-7s-paperclip
pe-7s-radio
pe-7s-note2
pe-7s-print
pe-7s-network
pe-7s-prev
pe-7s-mute
pe-7s-power
pe-7s-medal
pe-7s-portfolio
pe-7s-like2
pe-7s-plus
pe-7s-left-arrow
pe-7s-play
pe-7s-key
pe-7s-plane
pe-7s-joy
pe-7s-photo-gallery
pe-7s-pin
pe-7s-phone
pe-7s-plug
pe-7s-pen
pe-7s-right-arrow
pe-7s-paper-plane
pe-7s-delete-user
pe-7s-paint
pe-7s-bottom-arrow
pe-7s-notebook
pe-7s-note
pe-7s-next
pe-7s-news-paper
pe-7s-musiclist
pe-7s-music
pe-7s-mouse
pe-7s-more
pe-7s-moon
pe-7s-monitor
pe-7s-micro
pe-7s-menu
pe-7s-map
pe-7s-map-marker
pe-7s-mail
pe-7s-mail-open
pe-7s-mail-open-file
pe-7s-magnet
pe-7s-loop
pe-7s-look
pe-7s-lock
pe-7s-lintern
pe-7s-link
pe-7s-like
pe-7s-light
pe-7s-less
pe-7s-keypad
pe-7s-junk
pe-7s-info
pe-7s-home
pe-7s-help2
pe-7s-help1
pe-7s-graph3
pe-7s-graph2
pe-7s-graph1
pe-7s-graph
pe-7s-global
pe-7s-gleam
pe-7s-glasses
pe-7s-gift
pe-7s-folder
pe-7s-flag
pe-7s-filter
pe-7s-file
pe-7s-expand1
pe-7s-exapnd2
pe-7s-edit
pe-7s-drop
pe-7s-drawer
pe-7s-download
pe-7s-display2
pe-7s-display1
pe-7s-diskette
pe-7s-date
pe-7s-cup
pe-7s-culture
pe-7s-crop
pe-7s-credit
pe-7s-copy-file
pe-7s-config
pe-7s-compass
pe-7s-comment
pe-7s-coffee
pe-7s-cloud
pe-7s-clock
pe-7s-check
pe-7s-chat
pe-7s-cart
pe-7s-camera
pe-7s-call
pe-7s-calculator
pe-7s-browser
pe-7s-box2
pe-7s-box1
pe-7s-bookmarks
pe-7s-bicycle
pe-7s-bell
pe-7s-battery
pe-7s-ball
pe-7s-back
pe-7s-attention
pe-7s-anchor
pe-7s-albums
pe-7s-alarm
pe-7s-airplay
How To Use Icons
Here you can find all informations necessary to allow you to put an icons into your content. To find out more about FontAwesome visit http://fontawesome.io/.
Basic Usage
Example: basic icon fa-camera-retro
You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. Font Awesome is designed to be used with inline elements (we like the <i> tag for brevity, but using a <span> is more semantically correct).
<i class="fa fa-camera-retro"></i> fa-camera-retro
Note: TinyMCE by default removes an empty tags so, when you put an icon code and save your icon will be removed. To prevent it go to Extensions Plugins and open Editor - TinyMCE. Find Extended Valid Elements field and type i[*] and click Save.
Larger Icons
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
Fixed Width Icons
Use fa-fw to set icons at a fixed width. Great to use when different icon widths throw off alignment. Especially useful in things like nav lists & list groups.
<a class= href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i> Home</a>
Animated Icons
Loading example (with fa-spinner icon) Loading (with fa-circle-o-notch icon) Loading example (with fa-refresh icon) Loading example (with fa-cog icon) Loading example (with fa-spinner icon)
Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate with 8 steps. Works well with fa-spinner, fa-refresh, and fa-cog.
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
Note: CSS3 animations aren't supported in IE8 - IE9.
Rotated & Flipped
normal
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
fa-flip-vertical
To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.
<i class="fa fa-shield"></i> normal<br>
<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical
