Icons

Theme Icons

Tucson includes the popular Font Awesome - The complete set of 439 icons in Font Awesome 4.2.0

40 New Icons in 4.3

bed
buysellads
cart-arrow-down
cart-plus
connectdevelop
dashcube
diamond
facebook-official
forumbee
heartbeat
hotel (alias)
leanpub
mars
mars-double
mars-stroke
mars-stroke-h
mars-stroke-v
medium
mercury
motorcycle
neuter
pinterest-p
sellsy
server
ship
shirtsinbulk
simplybuilt
skyatlas
street-view
subway
train
transgender
transgender-alt
user-plus
user-secret
user-times
venus
venus-double
venus-mars
viacoin
whatsapp

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<em class="fa fa-bed"></em> bed
<em class="fa fa-buysellads"></em> buysellads
<em class="fa fa-cart-arrow-down"></em> cart-arrow-down
<em class="fa fa-cart-plus"></em> cart-plus
<em class="fa fa-connectdevelop"></em> connectdevelop
<em class="fa fa-dashcube"></em> dashcube
<em class="fa fa-diamond"></em> diamond
<em class="fa fa-facebook-official"></em> facebook-official
<em class="fa fa-forumbee"></em> forumbee
<em class="fa fa-heartbeat"></em> heartbeat
<em class="fa fa-hotel"></em> hotel <span class="text-muted">(alias)</span>
<em class="fa fa-leanpub"></em> leanpub
<em class="fa fa-mars"></em> mars
<em class="fa fa-mars-double"></em> mars-double
<em class="fa fa-mars-stroke"></em> mars-stroke
<em class="fa fa-mars-stroke-h"></em> mars-stroke-h
<em class="fa fa-mars-stroke-v"></em> mars-stroke-v
<em class="fa fa-medium"></em> medium
<em class="fa fa-mercury"></em> mercury
<em class="fa fa-motorcycle"></em> motorcycle
<em class="fa fa-neuter"></em> neuter
<em class="fa fa-pinterest-p"></em> pinterest-p
<em class="fa fa-sellsy"></em> sellsy
<em class="fa fa-server"></em> server
<em class="fa fa-ship"></em> ship
<em class="fa fa-shirtsinbulk"></em> shirtsinbulk
<em class="fa fa-simplybuilt"></em> simplybuilt
<em class="fa fa-skyatlas"></em> skyatlas
<em class="fa fa-street-view"></em> street-view
<em class="fa fa-subway"></em> subway
<em class="fa fa-train"></em> train
<em class="fa fa-transgender"></em> transgender
<em class="fa fa-transgender-alt"></em> transgender-alt
<em class="fa fa-user-plus"></em> user-plus
<em class="fa fa-user-secret"></em> user-secret
<em class="fa fa-user-times"></em> user-times
<em class="fa fa-venus"></em> venus
<em class="fa fa-venus-double"></em> venus-double
<em class="fa fa-venus-mars"></em> venus-mars
<em class="fa fa-viacoin"></em> viacoin
<em class="fa fa-whatsapp"></em> whatsapp

Web Application Icons

adjust
anchor
archive
area-chart
arrows
arrows-h
arrows-v
asterisk
at
automobile (alias)
ban
bank (alias)
bar-chart
bar-chart-o (alias)
barcode
bars
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 (alias)
calculator
calendar
calendar-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
close (alias)
cloud
cloud-download
cloud-upload
code
code-fork
coffee
cog
cogs
comment
comment-o
comments
comments-o
compass
copyright
credit-card
crop
crosshairs
cube
cubes
cutlery
dashboard (alias)
database
desktop
diamond
dot-circle-o
download
edit (alias)
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
female
fighter-jet
file-archive-o
file-audio-o
file-code-o
file-excel-o
file-image-o
file-movie-o (alias)
file-pdf-o
file-photo-o (alias)
file-picture-o (alias)
file-powerpoint-o
file-sound-o (alias)
file-video-o
file-word-o
file-zip-o (alias)
film
filter
fire
fire-extinguisher
flag
flag-checkered
flag-o
flash (alias)
flask
folder
folder-o
folder-open
folder-open-o
frown-o
futbol-o
gamepad
gavel
gear (alias)
gears (alias)
genderless (alias)
gift
glass
globe
graduation-cap
group (alias)
hdd-o
headphones
heart
heart-o
heartbeat
history
home
hotel (alias)
image (alias)
inbox
info
info-circle
institution (alias)
key
keyboard-o
language
laptop
leaf
legal (alias)
lemon-o
level-down
level-up
life-bouy (alias)
life-buoy (alias)
life-ring
life-saver (alias)
lightbulb-o
line-chart
location-arrow
lock
magic
magnet
mail-forward (alias)
mail-reply (alias)
mail-reply-all (alias)
male
map-marker
meh-o
microphone
microphone-slash
minus
minus-circle
minus-square
minus-square-o
mobile
mobile-phone (alias)
money
moon-o
mortar-board (alias)
motorcycle
music
navicon (alias)
newspaper-o
paint-brush
paper-plane
paper-plane-o
paw
pencil
pencil-square
pencil-square-o
phone
phone-square
photo (alias)
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
remove (alias)
reorder (alias)
reply
reply-all
retweet
road
rocket
rss
rss-square
search
search-minus
search-plus
send (alias)
send-o (alias)
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 (alias)
sort
sort-alpha-asc
sort-alpha-desc
sort-amount-asc
sort-amount-desc
sort-asc
sort-desc
sort-down (alias)
sort-numeric-asc
sort-numeric-desc
sort-up (alias)
space-shuttle
spinner
spoon
square
square-o
star
star-half
star-half-empty (alias)
star-half-full (alias)
star-half-o
star-o
street-view
suitcase
sun-o
support (alias)
tablet
tachometer
tag
tags
tasks
taxi
terminal
thumb-tack
thumbs-down
thumbs-o-down
thumbs-o-up
thumbs-up
ticket
times
times-circle
times-circle-o
tint
toggle-down (alias)
toggle-left (alias)
toggle-off
toggle-on
toggle-right (alias)
toggle-up (alias)
trash
trash-o
tree
trophy
truck
tty
umbrella
university
unlock
unlock-alt
unsorted (alias)
upload
user
user-plus
user-secret
user-times
users
video-camera
volume-down
volume-off
volume-up
warning (alias)
wheelchair
wifi
wrench

HTML Shortcode

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
<em class="fa fa-adjust"></em> adjust
<em class="fa fa-anchor"></em> anchor
<em class="fa fa-archive"></em> archive
<em class="fa fa-area-chart"></em> area-chart
<em class="fa fa-arrows"></em> arrows
<em class="fa fa-arrows-h"></em> arrows-h
<em class="fa fa-arrows-v"></em> arrows-v
<em class="fa fa-asterisk"></em> asterisk
<em class="fa fa-at"></em> at
<em class="fa fa-automobile"></em> automobile <span class="text-muted">(alias)</span>
<em class="fa fa-ban"></em> ban
<em class="fa fa-bank"></em> bank <span class="text-muted">(alias)</span>
<em class="fa fa-bar-chart"></em> bar-chart
<em class="fa fa-bar-chart-o"></em> bar-chart-o <span class="text-muted">(alias)</span>
<em class="fa fa-barcode"></em> barcode
<em class="fa fa-bars"></em> bars
<em class="fa fa-bed"></em> bed
<em class="fa fa-beer"></em> beer
<em class="fa fa-bell"></em> bell
<em class="fa fa-bell-o"></em> bell-o
<em class="fa fa-bell-slash"></em> bell-slash
<em class="fa fa-bell-slash-o"></em> bell-slash-o
<em class="fa fa-bicycle"></em> bicycle
<em class="fa fa-binoculars"></em> binoculars
<em class="fa fa-birthday-cake"></em> birthday-cake
<em class="fa fa-bolt"></em> bolt
<em class="fa fa-bomb"></em> bomb
<em class="fa fa-book"></em> book
<em class="fa fa-bookmark"></em> bookmark
<em class="fa fa-bookmark-o"></em> bookmark-o
<em class="fa fa-briefcase"></em> briefcase
<em class="fa fa-bug"></em> bug
<em class="fa fa-building"></em> building
<em class="fa fa-building-o"></em> building-o
<em class="fa fa-bullhorn"></em> bullhorn
<em class="fa fa-bullseye"></em> bullseye
<em class="fa fa-bus"></em> bus
<em class="fa fa-cab"></em> cab <span class="text-muted">(alias)</span>
<em class="fa fa-calculator"></em> calculator
<em class="fa fa-calendar"></em> calendar
<em class="fa fa-calendar-o"></em> calendar-o
<em class="fa fa-camera"></em> camera
<em class="fa fa-camera-retro"></em> camera-retro
<em class="fa fa-car"></em> car
<em class="fa fa-caret-square-o-down"></em> caret-square-o-down
<em class="fa fa-caret-square-o-left"></em> caret-square-o-left
<em class="fa fa-caret-square-o-right"></em> caret-square-o-right
<em class="fa fa-caret-square-o-up"></em> caret-square-o-up
<em class="fa fa-cart-arrow-down"></em> cart-arrow-down
<em class="fa fa-cart-plus"></em> cart-plus
<em class="fa fa-cc"></em> cc
<em class="fa fa-certificate"></em> certificate
<em class="fa fa-check"></em> check
<em class="fa fa-check-circle"></em> check-circle
<em class="fa fa-check-circle-o"></em> check-circle-o
<em class="fa fa-check-square"></em> check-square
<em class="fa fa-check-square-o"></em> check-square-o
<em class="fa fa-child"></em> child
<em class="fa fa-circle"></em> circle
<em class="fa fa-circle-o"></em> circle-o
<em class="fa fa-circle-o-notch"></em> circle-o-notch
<em class="fa fa-circle-thin"></em> circle-thin
<em class="fa fa-clock-o"></em> clock-o
<em class="fa fa-close"></em> close <span class="text-muted">(alias)</span>
<em class="fa fa-cloud"></em> cloud
<em class="fa fa-cloud-download"></em> cloud-download
<em class="fa fa-cloud-upload"></em> cloud-upload
<em class="fa fa-code"></em> code
<em class="fa fa-code-fork"></em> code-fork
<em class="fa fa-coffee"></em> coffee
<em class="fa fa-cog"></em> cog
<em class="fa fa-cogs"></em> cogs
<em class="fa fa-comment"></em> comment
<em class="fa fa-comment-o"></em> comment-o
<em class="fa fa-comments"></em> comments
<em class="fa fa-comments-o"></em> comments-o
<em class="fa fa-compass"></em> compass
<em class="fa fa-copyright"></em> copyright
<em class="fa fa-credit-card"></em> credit-card
<em class="fa fa-crop"></em> crop
<em class="fa fa-crosshairs"></em> crosshairs
<em class="fa fa-cube"></em> cube
<em class="fa fa-cubes"></em> cubes
<em class="fa fa-cutlery"></em> cutlery
<em class="fa fa-dashboard"></em> dashboard <span class="text-muted">(alias)</span>
<em class="fa fa-database"></em> database
<em class="fa fa-desktop"></em> desktop
<em class="fa fa-diamond"></em> diamond
<em class="fa fa-dot-circle-o"></em> dot-circle-o
<em class="fa fa-download"></em> download
<em class="fa fa-edit"></em> edit <span class="text-muted">(alias)</span>
<em class="fa fa-ellipsis-h"></em> ellipsis-h
<em class="fa fa-ellipsis-v"></em> ellipsis-v
<em class="fa fa-envelope"></em> envelope
<em class="fa fa-envelope-o"></em> envelope-o
<em class="fa fa-envelope-square"></em> envelope-square
<em class="fa fa-eraser"></em> eraser
<em class="fa fa-exchange"></em> exchange
<em class="fa fa-exclamation"></em> exclamation
<em class="fa fa-exclamation-circle"></em> exclamation-circle
<em class="fa fa-exclamation-triangle"></em> exclamation-triangle
<em class="fa fa-external-link"></em> external-link
<em class="fa fa-external-link-square"></em> external-link-square
<em class="fa fa-eye"></em> eye
<em class="fa fa-eye-slash"></em> eye-slash
<em class="fa fa-eyedropper"></em> eyedropper
<em class="fa fa-fax"></em> fax
<em class="fa fa-female"></em> female
<em class="fa fa-fighter-jet"></em> fighter-jet
<em class="fa fa-file-archive-o"></em> file-archive-o
<em class="fa fa-file-audio-o"></em> file-audio-o
<em class="fa fa-file-code-o"></em> file-code-o
<em class="fa fa-file-excel-o"></em> file-excel-o
<em class="fa fa-file-image-o"></em> file-image-o
<em class="fa fa-file-movie-o"></em> file-movie-o <span class="text-muted">(alias)</span>
<em class="fa fa-file-pdf-o"></em> file-pdf-o
<em class="fa fa-file-photo-o"></em> file-photo-o <span class="text-muted">(alias)</span>
<em class="fa fa-file-picture-o"></em> file-picture-o <span class="text-muted">(alias)</span>
<em class="fa fa-file-powerpoint-o"></em> file-powerpoint-o
<em class="fa fa-file-sound-o"></em> file-sound-o <span class="text-muted">(alias)</span>
<em class="fa fa-file-video-o"></em> file-video-o
<em class="fa fa-file-word-o"></em> file-word-o
<em class="fa fa-file-zip-o"></em> file-zip-o <span class="text-muted">(alias)</span>
<em class="fa fa-film"></em> film
<em class="fa fa-filter"></em> filter
<em class="fa fa-fire"></em> fire
<em class="fa fa-fire-extinguisher"></em> fire-extinguisher
<em class="fa fa-flag"></em> flag
<em class="fa fa-flag-checkered"></em> flag-checkered
<em class="fa fa-flag-o"></em> flag-o
<em class="fa fa-flash"></em> flash <span class="text-muted">(alias)</span>
<em class="fa fa-flask"></em> flask
<em class="fa fa-folder"></em> folder
<em class="fa fa-folder-o"></em> folder-o
<em class="fa fa-folder-open"></em> folder-open
<em class="fa fa-folder-open-o"></em> folder-open-o
<em class="fa fa-frown-o"></em> frown-o
<em class="fa fa-futbol-o"></em> futbol-o
<em class="fa fa-gamepad"></em> gamepad
<em class="fa fa-gavel"></em> gavel
<em class="fa fa-gear"></em> gear <span class="text-muted">(alias)</span>
<em class="fa fa-gears"></em> gears <span class="text-muted">(alias)</span>
<em class="fa fa-genderless"></em> genderless <span class="text-muted">(alias)</span>
<em class="fa fa-gift"></em> gift
<em class="fa fa-glass"></em> glass
<em class="fa fa-globe"></em> globe
<em class="fa fa-graduation-cap"></em> graduation-cap
<em class="fa fa-group"></em> group <span class="text-muted">(alias)</span>
<em class="fa fa-hdd-o"></em> hdd-o
<em class="fa fa-headphones"></em> headphones
<em class="fa fa-heart"></em> heart
<em class="fa fa-heart-o"></em> heart-o
<em class="fa fa-heartbeat"></em> heartbeat
<em class="fa fa-history"></em> history
<em class="fa fa-home"></em> home
<em class="fa fa-hotel"></em> hotel <span class="text-muted">(alias)</span>
<em class="fa fa-image"></em> image <span class="text-muted">(alias)</span>
<em class="fa fa-inbox"></em> inbox
<em class="fa fa-info"></em> info
<em class="fa fa-info-circle"></em> info-circle
<em class="fa fa-institution"></em> institution <span class="text-muted">(alias)</span>
<em class="fa fa-key"></em> key
<em class="fa fa-keyboard-o"></em> keyboard-o
<em class="fa fa-language"></em> language
<em class="fa fa-laptop"></em> laptop
<em class="fa fa-leaf"></em> leaf
<em class="fa fa-legal"></em> legal <span class="text-muted">(alias)</span>
<em class="fa fa-lemon-o"></em> lemon-o
<em class="fa fa-level-down"></em> level-down
<em class="fa fa-level-up"></em> level-up
<em class="fa fa-life-bouy"></em> life-bouy <span class="text-muted">(alias)</span>
<em class="fa fa-life-buoy"></em> life-buoy <span class="text-muted">(alias)</span>
<em class="fa fa-life-ring"></em> life-ring
<em class="fa fa-life-saver"></em> life-saver <span class="text-muted">(alias)</span>
<em class="fa fa-lightbulb-o"></em> lightbulb-o
<em class="fa fa-line-chart"></em> line-chart
<em class="fa fa-location-arrow"></em> location-arrow
<em class="fa fa-lock"></em> lock
<em class="fa fa-magic"></em> magic
<em class="fa fa-magnet"></em> magnet
<em class="fa fa-mail-forward"></em> mail-forward <span class="text-muted">(alias)</span>
<em class="fa fa-mail-reply"></em> mail-reply <span class="text-muted">(alias)</span>
<em class="fa fa-mail-reply-all"></em> mail-reply-all <span class="text-muted">(alias)</span>
<em class="fa fa-male"></em> male
<em class="fa fa-map-marker"></em> map-marker
<em class="fa fa-meh-o"></em> meh-o
<em class="fa fa-microphone"></em> microphone
<em class="fa fa-microphone-slash"></em> microphone-slash
<em class="fa fa-minus"></em> minus
<em class="fa fa-minus-circle"></em> minus-circle<em class="fa fa-minus-square"></em> minus-square
<em class="fa fa-minus-square-o"></em> minus-square-o
<em class="fa fa-mobile"></em> mobile
<em class="fa fa-mobile-phone"></em> mobile-phone <span class="text-muted">(alias)</span>
<em class="fa fa-money"></em> money
<em class="fa fa-moon-o"></em> moon-o
<em class="fa fa-mortar-board"></em> mortar-board <span class="text-muted">(alias)</span>
<em class="fa fa-motorcycle"></em> motorcycle
<em class="fa fa-music"></em> music
<em class="fa fa-navicon"></em> navicon <span class="text-muted">(alias)</span>
<em class="fa fa-newspaper-o"></em> newspaper-o
<em class="fa fa-paint-brush"></em> paint-brush
<em class="fa fa-paper-plane"></em> paper-plane
<em class="fa fa-paper-plane-o"></em> paper-plane-o
<em class="fa fa-paw"></em> paw
<em class="fa fa-pencil"></em> pencil
<em class="fa fa-pencil-square"></em> pencil-square
<em class="fa fa-pencil-square-o"></em> pencil-square-o
<em class="fa fa-phone"></em> phone
<em class="fa fa-phone-square"></em> phone-square
<em class="fa fa-photo"></em> photo <span class="text-muted">(alias)</span>
<em class="fa fa-picture-o"></em> picture-o
<em class="fa fa-pie-chart"></em> pie-chart
<em class="fa fa-plane"></em> plane
<em class="fa fa-plug"></em> plug
<em class="fa fa-plus"></em> plus
<em class="fa fa-plus-circle"></em> plus-circle
<em class="fa fa-plus-square"></em> plus-square
<em class="fa fa-plus-square-o"></em> plus-square-o
<em class="fa fa-power-off"></em> power-off
<em class="fa fa-print"></em> print
<em class="fa fa-puzzle-piece"></em> puzzle-piece
<em class="fa fa-qrcode"></em> qrcode
<em class="fa fa-question"></em> question
<em class="fa fa-question-circle"></em> question-circle
<em class="fa fa-quote-left"></em> quote-left
<em class="fa fa-quote-right"></em> quote-right
<em class="fa fa-random"></em> random
<em class="fa fa-recycle"></em> recycle
<em class="fa fa-refresh"></em> refresh
<em class="fa fa-remove"></em> remove <span class="text-muted">(alias)</span>
<em class="fa fa-reorder"></em> reorder <span class="text-muted">(alias)</span>
<em class="fa fa-reply"></em> reply
<em class="fa fa-reply-all"></em> reply-all
<em class="fa fa-retweet"></em> retweet
<em class="fa fa-road"></em> road
<em class="fa fa-rocket"></em> rocket
<em class="fa fa-rss"></em> rss
<em class="fa fa-rss-square"></em> rss-square
<em class="fa fa-search"></em> search
<em class="fa fa-search-minus"></em> search-minus
<em class="fa fa-search-plus"></em> search-plus
<em class="fa fa-send"></em> send <span class="text-muted">(alias)</span>
<em class="fa fa-send-o"></em> send-o <span class="text-muted">(alias)</span>
<em class="fa fa-server"></em> server
<em class="fa fa-share"></em> share
<em class="fa fa-share-alt"></em> share-alt
<em class="fa fa-share-alt-square"></em> share-alt-square
<em class="fa fa-share-square"></em> share-square
<em class="fa fa-share-square-o"></em> share-square-o
<em class="fa fa-shield"></em> shield
<em class="fa fa-ship"></em> ship
<em class="fa fa-shopping-cart"></em> shopping-cart
<em class="fa fa-sign-in"></em> sign-in
<em class="fa fa-sign-out"></em> sign-out
<em class="fa fa-signal"></em> signal
<em class="fa fa-sitemap"></em> sitemap
<em class="fa fa-sliders"></em> sliders
<em class="fa fa-smile-o"></em> smile-o
<em class="fa fa-soccer-ball-o"></em> soccer-ball-o <span class="text-muted">(alias)</span>
<em class="fa fa-sort"></em> sort
<em class="fa fa-sort-alpha-asc"></em> sort-alpha-asc
<em class="fa fa-sort-alpha-desc"></em> sort-alpha-desc
<em class="fa fa-sort-amount-asc"></em> sort-amount-asc
<em class="fa fa-sort-amount-desc"></em> sort-amount-desc
<em class="fa fa-sort-asc"></em> sort-asc
<em class="fa fa-sort-desc"></em> sort-desc
<em class="fa fa-sort-down"></em> sort-down <span class="text-muted">(alias)</span>
<em class="fa fa-sort-numeric-asc"></em> sort-numeric-asc
<em class="fa fa-sort-numeric-desc"></em> sort-numeric-desc
<em class="fa fa-sort-up"></em> sort-up <span class="text-muted">(alias)</span>
<em class="fa fa-space-shuttle"></em> space-shuttle
<em class="fa fa-spinner"></em> spinner
<em class="fa fa-spoon"></em> spoon
<em class="fa fa-square"></em> square
<em class="fa fa-square-o"></em> square-o
<em class="fa fa-star"></em> star
<em class="fa fa-star-half"></em> star-half
<em class="fa fa-star-half-empty"></em> star-half-empty <span class="text-muted">(alias)</span>
<em class="fa fa-star-half-full"></em> star-half-full <span class="text-muted">(alias)</span>
<em class="fa fa-star-half-o"></em> star-half-o
<em class="fa fa-star-o"></em> star-o
<em class="fa fa-street-view"></em> street-view
<em class="fa fa-suitcase"></em> suitcase
<em class="fa fa-sun-o"></em> sun-o
<em class="fa fa-support"></em> support <span class="text-muted">(alias)</span>
<em class="fa fa-tablet"></em> tablet
<em class="fa fa-tachometer"></em> tachometer
<em class="fa fa-tag"></em> tag
<em class="fa fa-tags"></em> tags
<em class="fa fa-tasks"></em> tasks
<em class="fa fa-taxi"></em> taxi
<em class="fa fa-terminal"></em> terminal
<em class="fa fa-thumb-tack"></em> thumb-tack
<em class="fa fa-thumbs-down"></em> thumbs-down
<em class="fa fa-thumbs-o-down"></em> thumbs-o-down
<em class="fa fa-thumbs-o-up"></em> thumbs-o-up
<em class="fa fa-thumbs-up"></em> thumbs-up
<em class="fa fa-ticket"></em> ticket
<em class="fa fa-times"></em> times
<em class="fa fa-times-circle"></em> times-circle
<em class="fa fa-times-circle-o"></em> times-circle-o
<em class="fa fa-tint"></em> tint
<em class="fa fa-toggle-down"></em> toggle-down <span class="text-muted">(alias)</span>
<em class="fa fa-toggle-left"></em> toggle-left <span class="text-muted">(alias)</span>
<em class="fa fa-toggle-off"></em> toggle-off
<em class="fa fa-toggle-on"></em> toggle-on
<em class="fa fa-toggle-right"></em> toggle-right <span class="text-muted">(alias)</span>
<em class="fa fa-toggle-up"></em> toggle-up <span class="text-muted">(alias)</span>
<em class="fa fa-trash"></em> trash
<em class="fa fa-trash-o"></em> trash-o
<em class="fa fa-tree"></em> tree
<em class="fa fa-trophy"></em> trophy
<em class="fa fa-truck"></em> truck
<em class="fa fa-tty"></em> tty
<em class="fa fa-umbrella"></em> umbrella
<em class="fa fa-university"></em> university
<em class="fa fa-unlock"></em> unlock
<em class="fa fa-unlock-alt"></em> unlock-alt
<em class="fa fa-unsorted"></em> unsorted <span class="text-muted">(alias)</span>
<em class="fa fa-upload"></em> upload
<em class="fa fa-user"></em> user
<em class="fa fa-user-plus"></em> user-plus
<em class="fa fa-user-secret"></em> user-secret
<em class="fa fa-user-times"></em> user-times
<em class="fa fa-users"></em> users
<em class="fa fa-video-camera"></em> video-camera
<em class="fa fa-volume-down"></em> volume-down
<em class="fa fa-volume-off"></em> volume-off
<em class="fa fa-volume-up"></em> volume-up
<em class="fa fa-warning"></em> warning <span class="text-muted">(alias)</span>
<em class="fa fa-wheelchair"></em> wheelchair
<em class="fa fa-wifi"></em> wifi
<em class="fa fa-wrench"></em> wrench

File Type Icons

file
file-archive-o
file-audio-o
file-code-o
file-excel-o
file-image-o
file-movie-o (alias)
file-o
file-pdf-o
file-photo-o (alias)
file-picture-o (alias)
file-powerpoint-o
file-sound-o (alias)
file-text
file-text-o
file-video-o
file-word-o
file-zip-o (alias)

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<div class="fontawesome-icon-list">
    <section id="file-type">
        <div class="row fontawesome-icon-list">
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file"></em> file
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-archive-o"></em> file-archive-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-audio-o"></em> file-audio-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-code-o"></em> file-code-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-excel-o"></em> file-excel-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-image-o"></em> file-image-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-movie-o"></em> file-movie-o <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-o"></em> file-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-pdf-o"></em> file-pdf-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-photo-o"></em> file-photo-o <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-picture-o"></em> file-picture-o <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-powerpoint-o"></em> file-powerpoint-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-sound-o"></em> file-sound-o <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-text"></em> file-text
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-text-o"></em> file-text-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-video-o"></em> file-video-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-word-o"></em> file-word-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-zip-o"></em> file-zip-o <span class="text-muted">(alias)</span>
            </div>
        </div>
    </section>
</div>

Spinner Icons

circle-o-notch
cog
gear (alias)
refresh
spinner

HTML Shortcode

1
2
3
4
5
<em class="fa fa-circle-o-notch"></em> circle-o-notch
<em class="fa fa-cog"></em> cog
<em class="fa fa-gear"></em> gear <span class="text-muted">(alias)</span>
<em class="fa fa-refresh"></em> refresh
<em class="fa fa-spinner"></em> 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

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<div class="fontawesome-icon-list">
    <section id="form-control">
        <div class="row fontawesome-icon-list">
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-check-square"></em> check-square
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-check-square-o"></em> check-square-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-circle"></em> circle
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-circle-o"></em> circle-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-dot-circle-o"></em> dot-circle-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-minus-square"></em> minus-square
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-minus-square-o"></em> minus-square-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-plus-square"></em> plus-square
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-plus-square-o"></em> plus-square-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-square"></em> square
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-square-o"></em> square-o
            </div>
        </div>
    </section>
</div>

Payment Icons

cc-amex
cc-discover
cc-mastercard
cc-paypal
cc-stripe
cc-visa
credit-card
google-wallet
paypal

HTML Shortcode

1
2
3
4
5
6
7
8
9
<em class="fa fa-cc-amex"></em> cc-amex
<em class="fa fa-cc-discover"></em> cc-discover
<em class="fa fa-cc-mastercard"></em> cc-mastercard
<em class="fa fa-cc-paypal"></em> cc-paypal
<em class="fa fa-cc-stripe"></em> cc-stripe
<em class="fa fa-cc-visa"></em> cc-visa
<em class="fa fa-credit-card"></em> credit-card
<em class="fa fa-google-wallet"></em> google-wallet
<em class="fa fa-paypal"></em> paypal

Chart Icons

area-chart
bar-chart
bar-chart-o (alias)
line-chart
pie-chart

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="fontawesome-icon-list">
    <section id="chart">
        <div class="row fontawesome-icon-list">
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-area-chart"></em> area-chart
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-bar-chart"></em> bar-chart
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-bar-chart-o"></em> bar-chart-o <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-line-chart"></em> line-chart
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-pie-chart"></em> pie-chart
            </div>
        </div>
    </section>
</div>

Currency Icons

bitcoin (alias)
btc
cny (alias)
dollar (alias)
eur
euro (alias)
gbp
ils
inr
jpy
krw
money
rmb (alias)
rouble (alias)
rub
ruble (alias)
rupee (alias)
shekel (alias)
sheqel (alias)
try
turkish-lira (alias)
usd
won (alias)
yen (alias)

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<div class="fontawesome-icon-list">
    <section id="currency">
        <div class="row fontawesome-icon-list">
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-bitcoin"></em> bitcoin <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-btc"></em> btc
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-cny"></em> cny <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-dollar"></em> dollar <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-eur"></em> eur
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-euro"></em> euro <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-gbp"></em> gbp
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-ils"></em> ils
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-inr"></em> inr
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-jpy"></em> jpy
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-krw"></em> krw
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-money"></em> money
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-rmb"></em> rmb <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-rouble"></em> rouble <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-rub"></em> rub
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-ruble"></em> ruble <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-rupee"></em> rupee <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-shekel"></em> shekel <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-sheqel"></em> sheqel <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-try"></em> try
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-turkish-lira"></em> turkish-lira <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-usd"></em> usd
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-won"></em> won <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-yen"></em> yen <span class="text-muted">(alias)</span>
            </div>
        </div>
    </section>
</div>

Text Editor Icons

align-center
align-justify
align-left
align-right
bold
chain (alias)
chain-broken
clipboard
columns
copy (alias)
cut (alias)
dedent (alias)
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 (alias)
repeat
rotate-left (alias)
rotate-right (alias)
save (alias)
scissors
strikethrough
subscript
superscript
table
text-height
text-width
th
th-large
th-list
underline
undo
unlink (alias)

HTML Shortcode

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<div class="fontawesome-icon-list">
    <section id="text-editor">
        <div class="row fontawesome-icon-list">
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-align-center"></em> align-center
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-align-justify"></em> align-justify
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-align-left"></em> align-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-align-right"></em> align-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-bold"></em> bold
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chain"></em> chain <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chain-broken"></em> chain-broken
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-clipboard"></em> clipboard
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-columns"></em> columns
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-copy"></em> copy <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-cut"></em> cut <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-dedent"></em> dedent <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-eraser"></em> eraser
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file"></em> file
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-o"></em> file-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-text"></em> file-text
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-file-text-o"></em> file-text-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-files-o"></em> files-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-floppy-o"></em> floppy-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-font"></em> font
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-header"></em> header
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-indent"></em> indent
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-italic"></em> italic
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-link"></em> link
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-list"></em> list
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-list-alt"></em> list-alt
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-list-ol"></em> list-ol
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-list-ul"></em> list-ul
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-outdent"></em> outdent
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-paperclip"></em> paperclip
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-paragraph"></em> paragraph
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-paste"></em> paste <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-repeat"></em> repeat
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-rotate-left"></em> rotate-left <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-rotate-right"></em> rotate-right <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-save"></em> save <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-scissors"></em> scissors
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-strikethrough"></em> strikethrough
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-subscript"></em> subscript
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-superscript"></em> superscript
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-table"></em> table
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-text-height"></em> text-height
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-text-width"></em> text-width
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-th"></em> th
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-th-large"></em> th-large
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-th-list"></em> th-list
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-underline"></em> underline
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-undo"></em> undo
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-unlink"></em> unlink <span class="text-muted">(alias)</span>
            </div>
        </div>
    </section>
</div>

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
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 (alias)
toggle-left (alias)
toggle-right (alias)
toggle-up (alias)

HTML Shortcode

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<div class="fontawesome-icon-list">
    <section id="directional">
        <div class="row fontawesome-icon-list">
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-angle-double-down"></em> angle-double-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-angle-double-left"></em> angle-double-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-angle-double-right"></em> angle-double-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-angle-double-up"></em> angle-double-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-down"></em> angle-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-angle-left"></em> angle-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-angle-right"></em> angle-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-angle-up"></em> angle-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-down"></em> arrow-circle-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-left"></em> arrow-circle-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-o-down"></em> arrow-circle-o-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-o-left"></em> arrow-circle-o-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-o-right"></em> arrow-circle-o-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-o-up"></em> arrow-circle-o-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-right"></em> arrow-circle-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-circle-up"></em> arrow-circle-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-down"></em> arrow-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-left"></em> arrow-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-right"></em> arrow-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrow-up"></em> arrow-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrows"></em> arrows
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrows-alt"></em> arrows-alt
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrows-h"></em> arrows-h
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrows-v"></em> arrows-v
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-down"></em> caret-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-left"></em> caret-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-right"></em> caret-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-square-o-down"></em> caret-square-o-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-square-o-left"></em> caret-square-o-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-square-o-right"></em> caret-square-o-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-square-o-up"></em> caret-square-o-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-caret-up"></em> caret-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-circle-down"></em> chevron-circle-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-circle-left"></em> chevron-circle-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-circle-right"></em> chevron-circle-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-circle-up"></em> chevron-circle-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-down"></em> chevron-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-left"></em> chevron-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-right"></em> chevron-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-chevron-up"></em> chevron-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-hand-o-down"></em> hand-o-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-hand-o-left"></em> hand-o-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-hand-o-right"></em> hand-o-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-hand-o-up"></em> hand-o-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-long-arrow-down"></em> long-arrow-down
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-long-arrow-left"></em> long-arrow-left
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-long-arrow-right"></em> long-arrow-right
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-long-arrow-up"></em> long-arrow-up
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-toggle-down"></em> toggle-down <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-toggle-left"></em> toggle-left <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-toggle-right"></em> toggle-right <span class="text-muted">(alias)</span>
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-toggle-up"></em> toggle-up <span class="text-muted">(alias)</span>
            </div>
        </div>
    </section>
</div>

Video Player Icons

arrows-alt
backward
compress
eject
expand
fast-backward
fast-forward
forward
pause
play
play-circle
play-circle-o
step-backward
step-forward
stop
youtube-play

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="fontawesome-icon-list">
    <section id="video-player">
        <div class="row fontawesome-icon-list">
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-arrows-alt"></em> arrows-alt
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-backward"></em> backward
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-compress"></em> compress
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-eject"></em> eject
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-expand"></em> expand
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-fast-backward"></em> fast-backward
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-fast-forward"></em> fast-forward
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-forward"></em> forward
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-pause"></em> pause
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-play"></em> play
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-play-circle"></em> play-circle
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-play-circle-o"></em> play-circle-o
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-step-backward"></em> step-backward
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-step-forward"></em> step-forward
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-stop"></em> stop
            </div>
            <div class="col-md-3 col-sm-4">
                <em class="fa fa-youtube-play"></em> youtube-play
            </div>
        </div>
    </section>
</div>

Brand Icons

  • All brand icons are trademarks of their respective owners.
  • The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
Warning! Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you'll need to modify the social icon class names.
adn
android
angellist
apple
behance
behance-square
bitbucket
bitbucket-square
bitcoin (alias)
btc
buysellads
cc-amex
cc-discover
cc-mastercard
cc-paypal
cc-stripe
cc-visa
codepen
connectdevelop
css3
dashcube
delicious
deviantart
digg
dribbble
dropbox
drupal
empire
facebook
facebook-f (alias)
facebook-official
facebook-square
flickr
forumbee
foursquare
ge (alias)
git
git-square
github
github-alt
github-square
gittip (alias)
google
google-plus
google-plus-square
google-wallet
gratipay
hacker-news
html5
instagram
ioxhost
joomla
jsfiddle
lastfm
lastfm-square
leanpub
linkedin
linkedin-square
linux
maxcdn
meanpath
medium
openid
pagelines
paypal
pied-piper
pied-piper-alt
pinterest
pinterest-p
pinterest-square
qq
ra (alias)
rebel
reddit
reddit-square
renren
sellsy
share-alt
share-alt-square
shirtsinbulk
simplybuilt
skyatlas
skype
slack
slideshare
soundcloud
spotify
stack-exchange
stack-overflow
steam
steam-square
stumbleupon
stumbleupon-circle
tencent-weibo
trello
tumblr
tumblr-square
twitch
twitter
twitter-square
viacoin
vimeo-square
vine
vk
wechat (alias)
weibo
weixin
whatsapp
windows
wordpress
xing
xing-square
yahoo
yelp
youtube
youtube-play
youtube-square

HTML Shortcode

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<div class="fontawesome-icon-list">
<section id="brand">
<div class="alert alert-warning">
<em class="fa fa-warning"></em> Warning! Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please <a class="alert-link" href="https://adblockplus.org/en/bugs">report an issue with Adblock Plus</a> if you believe this to be an error. To work around this, you'll need to modify the social icon class names.
</div>
<div class="row fontawesome-icon-list margin-bottom-lg">
<div class="col-md-3 col-sm-4">
<em class="fa fa-adn"></em> adn
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-android"></em> android
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-angellist"></em> angellist
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-apple"></em> apple
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-behance"></em> behance
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-behance-square"></em> behance-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-bitbucket"></em> bitbucket
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-bitbucket-square"></em> bitbucket-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-bitcoin"></em> bitcoin <span class="text-muted">(alias)</span>
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-btc"></em> btc
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-buysellads"></em> buysellads
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-cc-amex"></em> cc-amex
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-cc-discover"></em> cc-discover
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-cc-mastercard"></em> cc-mastercard
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-cc-paypal"></em> cc-paypal
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-cc-stripe"></em> cc-stripe
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-cc-visa"></em> cc-visa
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-codepen"></em> codepen
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-connectdevelop"></em> connectdevelop
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-css3"></em> css3
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-dashcube"></em> dashcube
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-delicious"></em> delicious
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-deviantart"></em> deviantart
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-digg"></em> digg
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-dribbble"></em> dribbble
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-dropbox"></em> dropbox
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-drupal"></em> drupal
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-empire"></em> empire
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-facebook"></em> facebook
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-facebook-f"></em> facebook-f <span class="text-muted">(alias)</span>
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-facebook-official"></em> facebook-official
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-facebook-square"></em> facebook-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-flickr"></em> flickr
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-forumbee"></em> forumbee
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-foursquare"></em> foursquare
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-ge"></em> ge <span class="text-muted">(alias)</span>
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-git"></em> git
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-git-square"></em> git-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-github"></em> github
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-github-alt"></em> github-alt
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-github-square"></em> github-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-gittip"></em> gittip <span class="text-muted">(alias)</span>
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-google"></em> google
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-google-plus"></em> google-plus
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-google-plus-square"></em> google-plus-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-google-wallet"></em> google-wallet
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-gratipay"></em> gratipay
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-hacker-news"></em> hacker-news
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-html5"></em> html5
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-instagram"></em> instagram
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-ioxhost"></em> ioxhost
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-joomla"></em> joomla
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-jsfiddle"></em> jsfiddle
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-lastfm"></em> lastfm
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-lastfm-square"></em> lastfm-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-leanpub"></em> leanpub
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-linkedin"></em> linkedin
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-linkedin-square"></em> linkedin-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-linux"></em> linux
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-maxcdn"></em> maxcdn
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-meanpath"></em> meanpath
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-medium"></em> medium
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-openid"></em> openid
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-pagelines"></em> pagelines
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-paypal"></em> paypal
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-pied-piper"></em> pied-piper
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-pied-piper-alt"></em> pied-piper-alt
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-pinterest"></em> pinterest
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-pinterest-p"></em> pinterest-p
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-pinterest-square"></em> pinterest-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-qq"></em> qq
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-ra"></em> ra <span class="text-muted">(alias)</span>
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-rebel"></em> rebel
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-reddit"></em> reddit
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-reddit-square"></em> reddit-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-renren"></em> renren
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-sellsy"></em> sellsy
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-share-alt"></em> share-alt
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-share-alt-square"></em> share-alt-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-shirtsinbulk"></em> shirtsinbulk
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-simplybuilt"></em> simplybuilt
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-skyatlas"></em> skyatlas
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-skype"></em> skype
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-slack"></em> slack
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-slideshare"></em> slideshare
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-soundcloud"></em> soundcloud
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-spotify"></em> spotify
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-stack-exchange"></em> stack-exchange
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-stack-overflow"></em> stack-overflow
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-steam"></em> steam
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-steam-square"></em> steam-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-stumbleupon"></em> stumbleupon
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-stumbleupon-circle"></em> stumbleupon-circle
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-tencent-weibo"></em> tencent-weibo
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-trello"></em> trello
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-tumblr"></em> tumblr
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-tumblr-square"></em> tumblr-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-twitch"></em> twitch
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-twitter"></em> twitter
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-twitter-square"></em> twitter-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-viacoin"></em> viacoin
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-vimeo-square"></em> vimeo-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-vine"></em> vine
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-vk"></em> vk
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-wechat"></em> wechat <span class="text-muted">(alias)</span>
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-weibo"></em> weibo
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-weixin"></em> weixin
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-whatsapp"></em> whatsapp
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-windows"></em> windows
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-wordpress"></em> wordpress
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-xing"></em> xing
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-xing-square"></em> xing-square
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-yahoo"></em> yahoo
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-yelp"></em> yelp
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-youtube"></em> youtube
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-youtube-play"></em> youtube-play
</div>
<div class="col-md-3 col-sm-4">
<em class="fa fa-youtube-square"></em> youtube-square
</div>
</div>
<div class="alert alert-success">
<ul class="margin-bottom-none padding-left-lg">
    <li>All brand icons are trademarks of their respective owners.</li>
    <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
</ul>
</div>
</section>
</div>

Medical Icons

ambulance
h-square
heart
heart-o
heartbeat
hospital-o
medkit
plus-square
stethoscope
user-md
wheelchair

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<em class="fa fa-ambulance"></em> ambulance
<em class="fa fa-h-square"></em> h-square
<em class="fa fa-heart"></em> heart
<em class="fa fa-heart-o"></em> heart-o
<em class="fa fa-heartbeat"></em> heartbeat
<em class="fa fa-hospital-o"></em> hospital-o
<em class="fa fa-medkit"></em> medkit
<em class="fa fa-plus-square"></em> plus-square
<em class="fa fa-stethoscope"></em> stethoscope
<em class="fa fa-user-md"></em> user-md
<em class="fa fa-wheelchair"></em> wheelchair