- 3.x Component Gallery
- Modals
Modals
v3.xModals afford hiding and showing extended content.
Button / Link
<!-- This is a button that triggers the modal --> <p class='text-center'><a role='button' class="btn btn-primary" data-toggle="modal" data-target="#my-modal"><i class="fa fa-fw fa-arrows-alt" aria-hidden="true"></i>Open Modal Button</a></p> <!-- This is a link that triggers the modal --> <p class='text-center'><a role='button' data-toggle="modal" data-target="#my-modal">Open Modal Link</a></p>
Modal
<!-- This is the modal --> <div class="modal fade" tabindex="-1" role="dialog" id="my-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> <p>Lorem ipsum dolor sit amet, deus?</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->
Notes
×
Keep Modal IDs Unique
While you may place multiple modals on a page...do not simply cut and paste the same
modal
again and again. Make sure to generate each modal anew, ensuring the random number assigned to its ID
stays
unique and does
not conlflict with other modals on the page.
Select an Icon
Name | Icon | HTML | Actions |
---|---|---|---|
500px, brand |
<i class="fa fa-fw fa-500px" aria-hidden="true"></i> |
||
address book, id, user |
<i class="fa fa-fw fa-address-book" aria-hidden="true"></i> |
||
address book, outline, id, user |
<i class="fa fa-fw fa-address-book-o" aria-hidden="true"></i> |
||
address card, id, user |
<i class="fa fa-fw fa-address-card" aria-hidden="true"></i> |
||
address card, outline, id, user |
<i class="fa fa-fw fa-address-card-o" aria-hidden="true"></i> |
||
adjust, contrast |
<i class="fa fa-fw fa-adjust" aria-hidden="true"></i> |
||
ADN, brand |
<i class="fa fa-fw fa-adn" aria-hidden="true"></i> |
||
align, center |
<i class="fa fa-fw fa-align-center" aria-hidden="true"></i> |
||
align, justify |
<i class="fa fa-fw fa-align-justify" aria-hidden="true"></i> |
||
align, left |
<i class="fa fa-fw fa-align-left" aria-hidden="true"></i> |
||
align, right |
<i class="fa fa-fw fa-align-right" aria-hidden="true"></i> |
||
Amazon, brand |
<i class="fa fa-fw fa-amazon" aria-hidden="true"></i> |
||
ambulance, medical |
<i class="fa fa-fw fa-ambulance" aria-hidden="true"></i> |
||
ASL, American sign language |
<i class="fa fa-fw fa-american-sign-language-interpreting" aria-hidden="true"></i> |
||
anchor, nautical, sea |
<i class="fa fa-fw fa-anchor" aria-hidden="true"></i> |
||
Android, brand |
<i class="fa fa-fw fa-android" aria-hidden="true"></i> |
||
Angel List, brand |
<i class="fa fa-fw fa-angellist" aria-hidden="true"></i> |
||
double, chevron, angle, down |
<i class="fa fa-fw fa-angle-double-down" aria-hidden="true"></i> |
||
double, chevron, angle, left |
<i class="fa fa-fw fa-angle-double-left" aria-hidden="true"></i> |
||
double, chevron, angle, right |
<i class="fa fa-fw fa-angle-double-right" aria-hidden="true"></i> |
||
double, chevron, angle, up |
<i class="fa fa-fw fa-angle-double-up" aria-hidden="true"></i> |
||
chevron, angle, down |
<i class="fa fa-fw fa-angle-down" aria-hidden="true"></i> |
||
chevron, angle, left |
<i class="fa fa-fw fa-angle-left" aria-hidden="true"></i> |
||
chevron, angle, right |
<i class="fa fa-fw fa-angle-right" aria-hidden="true"></i> |
||
chevron, angle, up |
<i class="fa fa-fw fa-angle-up" aria-hidden="true"></i> |
||
Apple, brand |
<i class="fa fa-fw fa-apple" aria-hidden="true"></i> |
||
archive, container, box |
<i class="fa fa-fw fa-archive" aria-hidden="true"></i> |
||
area, chart |
<i class="fa fa-fw fa-area-chart" aria-hidden="true"></i> |
||
circle, arrow, down |
<i class="fa fa-fw fa-arrow-circle-down" aria-hidden="true"></i> |
||
circle, arrow, left |
<i class="fa fa-fw fa-arrow-circle-left" aria-hidden="true"></i> |
||
circle, arrow, down, outline |
<i class="fa fa-fw fa-arrow-circle-o-down" aria-hidden="true"></i> |
||
circle, arrow, left, outline |
<i class="fa fa-fw fa-arrow-circle-o-left" aria-hidden="true"></i> |
||
circle, arrow, right, outline |
<i class="fa fa-fw fa-arrow-circle-o-right" aria-hidden="true"></i> |
||
circle, arrow, up, outline |
<i class="fa fa-fw fa-arrow-circle-o-up" aria-hidden="true"></i> |
||
circle, arrow, right, outline |
<i class="fa fa-fw fa-arrow-circle-right" aria-hidden="true"></i> |
||
circle, arrow, up, outline |
<i class="fa fa-fw fa-arrow-circle-up" aria-hidden="true"></i> |
||
arrow, down |
<i class="fa fa-fw fa-arrow-down" aria-hidden="true"></i> |
||
arrow, left |
<i class="fa fa-fw fa-arrow-left" aria-hidden="true"></i> |
||
arrow, right |
<i class="fa fa-fw fa-arrow-right" aria-hidden="true"></i> |
||
arrow, up |
<i class="fa fa-fw fa-arrow-up" aria-hidden="true"></i> |
||
arrows, two, directions |
<i class="fa fa-fw fa-arrows" aria-hidden="true"></i> |
||
arrows, four, directions |
<i class="fa fa-fw fa-arrows-alt" aria-hidden="true"></i> |
||
arrows, horizontal, two, directions |
<i class="fa fa-fw fa-arrows-h" aria-hidden="true"></i> |
||
arrows, vertical, two, directions |
<i class="fa fa-fw fa-arrows-v" aria-hidden="true"></i> |
||
assistive listening, hearing, impairment |
<i class="fa fa-fw fa-assistive-listening-systems" aria-hidden="true"></i> |
||
asterisk, star |
<i class="fa fa-fw fa-asterisk" aria-hidden="true"></i> |
||
at, mark, commercial, email |
<i class="fa fa-fw fa-at" aria-hidden="true"></i> |
||
AD, audio, description |
<i class="fa fa-fw fa-audio-description" aria-hidden="true"></i> |
||
backward, double, arrow, rewind |
<i class="fa fa-fw fa-backward" aria-hidden="true"></i> |
||
scale, balance, justice |
<i class="fa fa-fw fa-balance-scale" aria-hidden="true"></i> |
||
not allowed, ban |
<i class="fa fa-fw fa-ban" aria-hidden="true"></i> |
||
Bandcamp, brand |
<i class="fa fa-fw fa-bandcamp" aria-hidden="true"></i> |
||
bar, chart |
<i class="fa fa-fw fa-bar-chart" aria-hidden="true"></i> |
||
barcode |
<i class="fa fa-fw fa-barcode" aria-hidden="true"></i> |
||
bars, hamburger, menu, pancakes |
<i class="fa fa-fw fa-bars" aria-hidden="true"></i> |
||
bath, bathtub, shower |
<i class="fa fa-fw fa-bath" aria-hidden="true"></i> |
||
battery, empty |
<i class="fa fa-fw fa-battery-empty" aria-hidden="true"></i> |
||
battery, full |
<i class="fa fa-fw fa-battery-full" aria-hidden="true"></i> |
||
batter, half full |
<i class="fa fa-fw fa-battery-half" aria-hidden="true"></i> |
||
batter, quarter full |
<i class="fa fa-fw fa-battery-quarter" aria-hidden="true"></i> |
||
battery, three-quarters full |
<i class="fa fa-fw fa-battery-three-quarters" aria-hidden="true"></i> |
||
bed, sleep, hotel |
<i class="fa fa-fw fa-bed" aria-hidden="true"></i> |
||
beer, mug, stein |
<i class="fa fa-fw fa-beer" aria-hidden="true"></i> |
||
Behance, brand |
<i class="fa fa-fw fa-behance" aria-hidden="true"></i> |
||
Behance, brand, square |
<i class="fa fa-fw fa-behance-square" aria-hidden="true"></i> |
||
bell, volume, sound |
<i class="fa fa-fw fa-bell" aria-hidden="true"></i> |
||
bell, volume, sound, outline |
<i class="fa fa-fw fa-bell-o" aria-hidden="true"></i> |
||
bell, volume, sound, silent |
<i class="fa fa-fw fa-bell-slash" aria-hidden="true"></i> |
||
bell, volume, sound, silent, outline |
<i class="fa fa-fw fa-bell-slash-o" aria-hidden="true"></i> |
||
bicycle |
<i class="fa fa-fw fa-bicycle" aria-hidden="true"></i> |
||
binoculars, search, find |
<i class="fa fa-fw fa-binoculars" aria-hidden="true"></i> |
||
birthday cake |
<i class="fa fa-fw fa-birthday-cake" aria-hidden="true"></i> |
||
Bitbucket, brand |
<i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> |
||
Bitbucker, square |
<i class="fa fa-fw fa-bitbucket-square" aria-hidden="true"></i> |
||
black tie, suit |
<i class="fa fa-fw fa-black-tie" aria-hidden="true"></i> |
||
blind |
<i class="fa fa-fw fa-blind" aria-hidden="true"></i> |
||
bluetooth |
<i class="fa fa-fw fa-bluetooth" aria-hidden="true"></i> |
||
bluetooth, outline |
<i class="fa fa-fw fa-bluetooth-b" aria-hidden="true"></i> |
||
bold |
<i class="fa fa-fw fa-bold" aria-hidden="true"></i> |
||
lightning bolt, inspiration |
<i class="fa fa-fw fa-bolt" aria-hidden="true"></i> |
||
bomb |
<i class="fa fa-fw fa-bomb" aria-hidden="true"></i> |
||
book |
<i class="fa fa-fw fa-book" aria-hidden="true"></i> |
||
bookmark, web page |
<i class="fa fa-fw fa-bookmark" aria-hidden="true"></i> |
||
bookmark, web page, outline |
<i class="fa fa-fw fa-bookmark-o" aria-hidden="true"></i> |
||
braille, blind |
<i class="fa fa-fw fa-braille" aria-hidden="true"></i> |
||
briefcase, business |
<i class="fa fa-fw fa-briefcase" aria-hidden="true"></i> |
||
bitcoin, currency |
<i class="fa fa-fw fa-btc" aria-hidden="true"></i> |
||
bug, software |
<i class="fa fa-fw fa-bug" aria-hidden="true"></i> |
||
building |
<i class="fa fa-fw fa-building" aria-hidden="true"></i> |
||
building, outline |
<i class="fa fa-fw fa-building-o" aria-hidden="true"></i> |
||
bullhorn, share, soapbox, activism |
<i class="fa fa-fw fa-bullhorn" aria-hidden="true"></i> |
||
bullseye, target |
<i class="fa fa-fw fa-bullseye" aria-hidden="true"></i> |
||
bus, travel |
<i class="fa fa-fw fa-bus" aria-hidden="true"></i> |
||
Buy Sell Ads, brand |
<i class="fa fa-fw fa-buysellads" aria-hidden="true"></i> |
||
calculator, math, accounting |
<i class="fa fa-fw fa-calculator" aria-hidden="true"></i> |
||
calendar, grid |
<i class="fa fa-fw fa-calendar" aria-hidden="true"></i> |
||
calendar, check, outline |
<i class="fa fa-fw fa-calendar-check-o" aria-hidden="true"></i> |
||
calendar, minus, outline |
<i class="fa fa-fw fa-calendar-minus-o" aria-hidden="true"></i> |
||
calendar, empty, outline |
<i class="fa fa-fw fa-calendar-o" aria-hidden="true"></i> |
||
calendar, plus, outline |
<i class="fa fa-fw fa-calendar-plus-o" aria-hidden="true"></i> |
||
calendar, times, x, negate, outline |
<i class="fa fa-fw fa-calendar-times-o" aria-hidden="true"></i> |
||
camera |
<i class="fa fa-fw fa-camera" aria-hidden="true"></i> |
||
camera, retro |
<i class="fa fa-fw fa-camera-retro" aria-hidden="true"></i> |
||
car |
<i class="fa fa-fw fa-car" aria-hidden="true"></i> |
||
caret, down |
<i class="fa fa-fw fa-caret-down" aria-hidden="true"></i> |
||
caret, left |
<i class="fa fa-fw fa-caret-left" aria-hidden="true"></i> |
||
caret, right |
<i class="fa fa-fw fa-caret-right" aria-hidden="true"></i> |
||
caret, square, down |
<i class="fa fa-fw fa-caret-square-o-down" aria-hidden="true"></i> |
||
caret, square, left, outline |
<i class="fa fa-fw fa-caret-square-o-left" aria-hidden="true"></i> |
||
caret, square, right, outline |
<i class="fa fa-fw fa-caret-square-o-right" aria-hidden="true"></i> |
||
caret, square, up, outline |
<i class="fa fa-fw fa-caret-square-o-up" aria-hidden="true"></i> |
||
caret, up |
<i class="fa fa-fw fa-caret-up" aria-hidden="true"></i> |
||
cart, arrow down, shopping |
<i class="fa fa-fw fa-cart-arrow-down" aria-hidden="true"></i> |
||
cart, plus, shopping |
<i class="fa fa-fw fa-cart-plus" aria-hidden="true"></i> |
||
closed caption, hearing impaired, deaf |
<i class="fa fa-fw fa-cc" aria-hidden="true"></i> |
||
credit card, American Express, brand |
<i class="fa fa-fw fa-cc-amex" aria-hidden="true"></i> |
||
credit card, Diners Club, brand |
<i class="fa fa-fw fa-cc-diners-club" aria-hidden="true"></i> |
||
credit card, Discover, brand |
<i class="fa fa-fw fa-cc-discover" aria-hidden="true"></i> |
||
credit card, JCB, brand |
<i class="fa fa-fw fa-cc-jcb" aria-hidden="true"></i> |
||
credit card, Mastercard, brand |
<i class="fa fa-fw fa-cc-mastercard" aria-hidden="true"></i> |
||
credit card, Paypal, brand |
<i class="fa fa-fw fa-cc-paypal" aria-hidden="true"></i> |
||
credit card, Stripe, brand |
<i class="fa fa-fw fa-cc-stripe" aria-hidden="true"></i> |
||
credit card, Visa, brand |
<i class="fa fa-fw fa-cc-visa" aria-hidden="true"></i> |
||
certificate, award |
<i class="fa fa-fw fa-certificate" aria-hidden="true"></i> |
||
chain, link, broken |
<i class="fa fa-fw fa-chain-broken" aria-hidden="true"></i> |
||
check, done, task |
<i class="fa fa-fw fa-check" aria-hidden="true"></i> |
||
check, done, task, circle |
<i class="fa fa-fw fa-check-circle" aria-hidden="true"></i> |
||
check, done, task, circle, outline |
<i class="fa fa-fw fa-check-circle-o" aria-hidden="true"></i> |
||
check, done, task, square |
<i class="fa fa-fw fa-check-square" aria-hidden="true"></i> |
||
check, done, task, square, outline |
<i class="fa fa-fw fa-check-square-o" aria-hidden="true"></i> |
||
chevron, circle, down |
<i class="fa fa-fw fa-chevron-circle-down" aria-hidden="true"></i> |
||
chevron, circle, left |
<i class="fa fa-fw fa-chevron-circle-left" aria-hidden="true"></i> |
||
chevron, circle, right |
<i class="fa fa-fw fa-chevron-circle-right" aria-hidden="true"></i> |
||
chevron, circle, up |
<i class="fa fa-fw fa-chevron-circle-up" aria-hidden="true"></i> |
||
chevron, down |
<i class="fa fa-fw fa-chevron-down" aria-hidden="true"></i> |
||
chevron, left |
<i class="fa fa-fw fa-chevron-left" aria-hidden="true"></i> |
||
chevron, right |
<i class="fa fa-fw fa-chevron-right" aria-hidden="true"></i> |
||
chevron, up |
<i class="fa fa-fw fa-chevron-up" aria-hidden="true"></i> |
||
child, person, joy |
<i class="fa fa-fw fa-child" aria-hidden="true"></i> |
||
Chrome, browser, brand |
<i class="fa fa-fw fa-chrome" aria-hidden="true"></i> |
||
circle, solid |
<i class="fa fa-fw fa-circle" aria-hidden="true"></i> |
||
circle, outline |
<i class="fa fa-fw fa-circle-o" aria-hidden="true"></i> |
||
circle, notch, restart |
<i class="fa fa-fw fa-circle-o-notch" aria-hidden="true"></i> |
||
circle, thing |
<i class="fa fa-fw fa-circle-thin" aria-hidden="true"></i> |
||
clipboard, copy |
<i class="fa fa-fw fa-clipboard" aria-hidden="true"></i> |
||
clock, outline |
<i class="fa fa-fw fa-clock-o" aria-hidden="true"></i> |
||
clone, copy |
<i class="fa fa-fw fa-clone" aria-hidden="true"></i> |
||
cloud |
<i class="fa fa-fw fa-cloud" aria-hidden="true"></i> |
||
cloud, download |
<i class="fa fa-fw fa-cloud-download" aria-hidden="true"></i> |
||
cloud, upload |
<i class="fa fa-fw fa-cloud-upload" aria-hidden="true"></i> |
||
code |
<i class="fa fa-fw fa-code" aria-hidden="true"></i> |
||
code, fork |
<i class="fa fa-fw fa-code-fork" aria-hidden="true"></i> |
||
Codepen, brand |
<i class="fa fa-fw fa-codepen" aria-hidden="true"></i> |
||
Codiepie, brand |
<i class="fa fa-fw fa-codiepie" aria-hidden="true"></i> |
||
coffee, mug |
<i class="fa fa-fw fa-coffee" aria-hidden="true"></i> |
||
cog, gear |
<i class="fa fa-fw fa-cog" aria-hidden="true"></i> |
||
cogs, gears |
<i class="fa fa-fw fa-cogs" aria-hidden="true"></i> |
||
columns |
<i class="fa fa-fw fa-columns" aria-hidden="true"></i> |
||
comment, speech, bubble, solid |
<i class="fa fa-fw fa-comment" aria-hidden="true"></i> |
||
comment, speech, bubble, oultine |
<i class="fa fa-fw fa-comment-o" aria-hidden="true"></i> |
||
commenting, speech bubble, ellipsis, solid |
<i class="fa fa-fw fa-commenting" aria-hidden="true"></i> |
||
commenting, speech bubble, ellipsis, outline |
<i class="fa fa-fw fa-commenting-o" aria-hidden="true"></i> |
||
commenting, speech bubbles, solid |
<i class="fa fa-fw fa-comments" aria-hidden="true"></i> |
||
commenting, speech bubbles, outline |
<i class="fa fa-fw fa-comments-o" aria-hidden="true"></i> |
||
compass, navigate |
<i class="fa fa-fw fa-compass" aria-hidden="true"></i> |
||
compress, minimize |
<i class="fa fa-fw fa-compress" aria-hidden="true"></i> |
||
Connect Develop, brand |
<i class="fa fa-fw fa-connectdevelop" aria-hidden="true"></i> |
||
Contao, brand |
<i class="fa fa-fw fa-contao" aria-hidden="true"></i> |
||
copyright, symbol |
<i class="fa fa-fw fa-copyright" aria-hidden="true"></i> |
||
creative commons, copyight |
<i class="fa fa-fw fa-creative-commons" aria-hidden="true"></i> |
||
credit card, currency |
<i class="fa fa-fw fa-credit-card" aria-hidden="true"></i> |
||
credit card, back, stripe |
<i class="fa fa-fw fa-credit-card-alt" aria-hidden="true"></i> |
||
crop |
<i class="fa fa-fw fa-crop" aria-hidden="true"></i> |
||
reticle, crosshairs |
<i class="fa fa-fw fa-crosshairs" aria-hidden="true"></i> |
||
CSS3 |
<i class="fa fa-fw fa-css3" aria-hidden="true"></i> |
||
cube |
<i class="fa fa-fw fa-cube" aria-hidden="true"></i> |
||
cubes, Qbert |
<i class="fa fa-fw fa-cubes" aria-hidden="true"></i> |
||
cutlery, dining, fork, knife, eat |
<i class="fa fa-fw fa-cutlery" aria-hidden="true"></i> |
||
Dashcube, brand |
<i class="fa fa-fw fa-dashcube" aria-hidden="true"></i> |
||
database |
<i class="fa fa-fw fa-database" aria-hidden="true"></i> |
||
deaf, hearing impaired |
<i class="fa fa-fw fa-deaf" aria-hidden="true"></i> |
||
Delicious, brand |
<i class="fa fa-fw fa-delicious" aria-hidden="true"></i> |
||
desktop, computer |
<i class="fa fa-fw fa-desktop" aria-hidden="true"></i> |
||
Deviantart, brand |
<i class="fa fa-fw fa-deviantart" aria-hidden="true"></i> |
||
diamond |
<i class="fa fa-fw fa-diamond" aria-hidden="true"></i> |
||
Digg, brand |
<i class="fa fa-fw fa-digg" aria-hidden="true"></i> |
||
dot, circle, outline |
<i class="fa fa-fw fa-dot-circle-o" aria-hidden="true"></i> |
||
download |
<i class="fa fa-fw fa-download" aria-hidden="true"></i> |
||
Dribble, brand |
<i class="fa fa-fw fa-dribbble" aria-hidden="true"></i> |
||
Dropbox, brand |
<i class="fa fa-fw fa-dropbox" aria-hidden="true"></i> |
||
Drupal, brand |
<i class="fa fa-fw fa-drupal" aria-hidden="true"></i> |
||
Microsoft, Edge, brand |
<i class="fa fa-fw fa-edge" aria-hidden="true"></i> |
||
Eercast, brand |
<i class="fa fa-fw fa-eercast" aria-hidden="true"></i> |
||
eject |
<i class="fa fa-fw fa-eject" aria-hidden="true"></i> |
||
ellipsis, horizontal |
<i class="fa fa-fw fa-ellipsis-h" aria-hidden="true"></i> |
||
ellipsis, vertical |
<i class="fa fa-fw fa-ellipsis-v" aria-hidden="true"></i> |
||
Star Wars, Empire |
<i class="fa fa-fw fa-empire" aria-hidden="true"></i> |
||
envelope, solid, closed |
<i class="fa fa-fw fa-envelope" aria-hidden="true"></i> |
||
envelope, outline, closed |
<i class="fa fa-fw fa-envelope-o" aria-hidden="true"></i> |
||
envelope, solid, open |
<i class="fa fa-fw fa-envelope-open" aria-hidden="true"></i> |
||
envelope, outline, open |
<i class="fa fa-fw fa-envelope-open-o" aria-hidden="true"></i> |
||
envelope, solid, closed, square |
<i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i> |
||
Envira, brand |
<i class="fa fa-fw fa-envira" aria-hidden="true"></i> |
||
eraser, delete |
<i class="fa fa-fw fa-eraser" aria-hidden="true"></i> |
||
Etsy, brand |
<i class="fa fa-fw fa-etsy" aria-hidden="true"></i> |
||
Euro, currency |
<i class="fa fa-fw fa-eur" aria-hidden="true"></i> |
||
exchange, double arrow, right, left |
<i class="fa fa-fw fa-exchange" aria-hidden="true"></i> |
||
exclamation, alert, information |
<i class="fa fa-fw fa-exclamation" aria-hidden="true"></i> |
||
exclamation, circle, information, alert |
<i class="fa fa-fw fa-exclamation-circle" aria-hidden="true"></i> |
||
exclamation, triangle, warning, alert |
<i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> |
||
expand, full screen |
<i class="fa fa-fw fa-expand" aria-hidden="true"></i> |
||
Expedited SSL, brand |
<i class="fa fa-fw fa-expeditedssl" aria-hidden="true"></i> |
||
external link |
<i class="fa fa-fw fa-external-link" aria-hidden="true"></i> |
||
external link, square |
<i class="fa fa-fw fa-external-link-square" aria-hidden="true"></i> |
||
eye, see, visible |
<i class="fa fa-fw fa-eye" aria-hidden="true"></i> |
||
eye, slash, invisible |
<i class="fa fa-fw fa-eye-slash" aria-hidden="true"></i> |
||
eyedropper, color, sample |
<i class="fa fa-fw fa-eyedropper" aria-hidden="true"></i> |
||
<i class="fa fa-fw fa-facebook" aria-hidden="true"></i> |
|||
Facebook, official |
<i class="fa fa-fw fa-facebook-official" aria-hidden="true"></i> |
||
Facebook, square |
<i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> |
||
rewind, beginning, backward, arrows |
<i class="fa fa-fw fa-fast-backward" aria-hidden="true"></i> |
||
fast-forward, end, forward, arrows |
<i class="fa fa-fw fa-fast-forward" aria-hidden="true"></i> |
||
fax, telecom |
<i class="fa fa-fw fa-fax" aria-hidden="true"></i> |
||
female, woman, girl, lady |
<i class="fa fa-fw fa-female" aria-hidden="true"></i> |
||
fighter jet, top gun, plane |
<i class="fa fa-fw fa-fighter-jet" aria-hidden="true"></i> |
||
file, solid |
<i class="fa fa-fw fa-file" aria-hidden="true"></i> |
||
file, archive, zip, outline |
<i class="fa fa-fw fa-file-archive-o" aria-hidden="true"></i> |
||
file, audio, mp3, sound, outline |
<i class="fa fa-fw fa-file-audio-o" aria-hidden="true"></i> |
||
file, code, program, outline |
<i class="fa fa-fw fa-file-code-o" aria-hidden="true"></i> |
||
file, excel, spreadsheet, outline |
<i class="fa fa-fw fa-file-excel-o" aria-hidden="true"></i> |
||
file, image, outline |
<i class="fa fa-fw fa-file-image-o" aria-hidden="true"></i> |
||
file, outline |
<i class="fa fa-fw fa-file-o" aria-hidden="true"></i> |
||
file, pdf |
<i class="fa fa-fw fa-file-pdf-o" aria-hidden="true"></i> |
||
file, powerpoint, outline |
<i class="fa fa-fw fa-file-powerpoint-o" aria-hidden="true"></i> |
||
file, text |
<i class="fa fa-fw fa-file-text" aria-hidden="true"></i> |
||
file, text, outline |
<i class="fa fa-fw fa-file-text-o" aria-hidden="true"></i> |
||
file, video, outline |
<i class="fa fa-fw fa-file-video-o" aria-hidden="true"></i> |
||
file, word, outline |
<i class="fa fa-fw fa-file-word-o" aria-hidden="true"></i> |
||
files, outline, clone, copy |
<i class="fa fa-fw fa-files-o" aria-hidden="true"></i> |
||
film, video |
<i class="fa fa-fw fa-film" aria-hidden="true"></i> |
||
filter, funnel |
<i class="fa fa-fw fa-filter" aria-hidden="true"></i> |
||
fire, hot |
<i class="fa fa-fw fa-fire" aria-hidden="true"></i> |
||
fire extinguisher |
<i class="fa fa-fw fa-fire-extinguisher" aria-hidden="true"></i> |
||
Firefox, browser |
<i class="fa fa-fw fa-firefox" aria-hidden="true"></i> |
||
First Order |
<i class="fa fa-fw fa-first-order" aria-hidden="true"></i> |
||
flag, Font Awesome |
<i class="fa fa-fw fa-flag" aria-hidden="true"></i> |
||
checkered flag, race |
<i class="fa fa-fw fa-flag-checkered" aria-hidden="true"></i> |
||
flag, outline |
<i class="fa fa-fw fa-flag-o" aria-hidden="true"></i> |
||
flask, beaker, science |
<i class="fa fa-fw fa-flask" aria-hidden="true"></i> |
||
Flickr, photos |
<i class="fa fa-fw fa-flickr" aria-hidden="true"></i> |
||
floppy disk, save |
<i class="fa fa-fw fa-floppy-o" aria-hidden="true"></i> |
||
folder, solid |
<i class="fa fa-fw fa-folder" aria-hidden="true"></i> |
||
folder, outline |
<i class="fa fa-fw fa-folder-o" aria-hidden="true"></i> |
||
folder, open, solid |
<i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> |
||
folder, open, outline |
<i class="fa fa-fw fa-folder-open-o" aria-hidden="true"></i> |
||
font, A, alphabet, letter |
<i class="fa fa-fw fa-font" aria-hidden="true"></i> |
||
Font Awesome, flag, solid, brand |
<i class="fa fa-fw fa-font-awesome" aria-hidden="true"></i> |
||
Fonticons, brand |
<i class="fa fa-fw fa-fonticons" aria-hidden="true"></i> |
||
Fort Awesome, castle, brand |
<i class="fa fa-fw fa-fort-awesome" aria-hidden="true"></i> |
||
Forumbee, brand |
<i class="fa fa-fw fa-forumbee" aria-hidden="true"></i> |
||
fast forward, arrows |
<i class="fa fa-fw fa-forward" aria-hidden="true"></i> |
||
Foursquare, brand |
<i class="fa fa-fw fa-foursquare" aria-hidden="true"></i> |
||
Free Code Camp, brand |
<i class="fa fa-fw fa-free-code-camp" aria-hidden="true"></i> |
||
frown, unhappy, face |
<i class="fa fa-fw fa-frown-o" aria-hidden="true"></i> |
||
futbol, soccer, ball, outline |
<i class="fa fa-fw fa-futbol-o" aria-hidden="true"></i> |
||
controller, gamepad, video game |
<i class="fa fa-fw fa-gamepad" aria-hidden="true"></i> |
||
gavel, judge, court |
<i class="fa fa-fw fa-gavel" aria-hidden="true"></i> |
||
Britain, sterling, pound |
<i class="fa fa-fw fa-gbp" aria-hidden="true"></i> |
||
genderless, circle |
<i class="fa fa-fw fa-genderless" aria-hidden="true"></i> |
||
Pocket, brand |
<i class="fa fa-fw fa-get-pocket" aria-hidden="true"></i> |
||
GG, brand |
<i class="fa fa-fw fa-gg" aria-hidden="true"></i> |
||
GG, circle, brand |
<i class="fa fa-fw fa-gg-circle" aria-hidden="true"></i> |
||
gift, present |
<i class="fa fa-fw fa-gift" aria-hidden="true"></i> |
||
Git, code, repository, programming |
<i class="fa fa-fw fa-git" aria-hidden="true"></i> |
||
Git, square |
<i class="fa fa-fw fa-git-square" aria-hidden="true"></i> |
||
Github, brand |
<i class="fa fa-fw fa-github" aria-hidden="true"></i> |
||
Github, alt, brand |
<i class="fa fa-fw fa-github-alt" aria-hidden="true"></i> |
||
Github, square, brand |
<i class="fa fa-fw fa-github-square" aria-hidden="true"></i> |
||
Gitlab, brand |
<i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> |
||
glass, martini, solid |
<i class="fa fa-fw fa-glass" aria-hidden="true"></i> |
||
Glide, brand, box |
<i class="fa fa-fw fa-glide" aria-hidden="true"></i> |
||
Glide, brand |
<i class="fa fa-fw fa-glide-g" aria-hidden="true"></i> |
||
globe, earth, planet |
<i class="fa fa-fw fa-globe" aria-hidden="true"></i> |
||
<i class="fa fa-fw fa-google" aria-hidden="true"></i> |
|||
Google Wallet, brand |
<i class="fa fa-fw fa-google-wallet" aria-hidden="true"></i> |
||
graduation cap, mortarboard, student, teacher, professor, academia |
<i class="fa fa-fw fa-graduation-cap" aria-hidden="true"></i> |
||
Gratipay, brand |
<i class="fa fa-fw fa-gratipay" aria-hidden="true"></i> |
||
Grav, brand, space suit |
<i class="fa fa-fw fa-grav" aria-hidden="true"></i> |
||
Hospital, sign |
<i class="fa fa-fw fa-h-square" aria-hidden="true"></i> |
||
Hacker News, brand |
<i class="fa fa-fw fa-hacker-news" aria-hidden="true"></i> |
||
hand, lizard, outline |
<i class="fa fa-fw fa-hand-lizard-o" aria-hidden="true"></i> |
||
hand, pointe, down, outline |
<i class="fa fa-fw fa-hand-o-down" aria-hidden="true"></i> |
||
hand, left, outline |
<i class="fa fa-fw fa-hand-o-left" aria-hidden="true"></i> |
||
hand, right, outline |
<i class="fa fa-fw fa-hand-o-right" aria-hidden="true"></i> |
||
hand, up, outline |
<i class="fa fa-fw fa-hand-o-up" aria-hidden="true"></i> |
||
hand, paper, outline |
<i class="fa fa-fw fa-hand-paper-o" aria-hidden="true"></i> |
||
hand, peace, outline |
<i class="fa fa-fw fa-hand-peace-o" aria-hidden="true"></i> |
||
hand, pointer, outline |
<i class="fa fa-fw fa-hand-pointer-o" aria-hidden="true"></i> |
||
hand, rock, fist, outline |
<i class="fa fa-fw fa-hand-rock-o" aria-hidden="true"></i> |
||
hand, scrissors, outline |
<i class="fa fa-fw fa-hand-scissors-o" aria-hidden="true"></i> |
||
hand, Spock, outline |
<i class="fa fa-fw fa-hand-spock-o" aria-hidden="true"></i> |
||
handshake, business, outline |
<i class="fa fa-fw fa-handshake-o" aria-hidden="true"></i> |
||
hashtag, octothorpe, pound sign |
<i class="fa fa-fw fa-hashtag" aria-hidden="true"></i> |
||
hard disk drive |
<i class="fa fa-fw fa-hdd-o" aria-hidden="true"></i> |
||
Header, capital H, letter |
<i class="fa fa-fw fa-header" aria-hidden="true"></i> |
||
headphones, audio, sound |
<i class="fa fa-fw fa-headphones" aria-hidden="true"></i> |
||
heart, love, solid |
<i class="fa fa-fw fa-heart" aria-hidden="true"></i> |
||
heart, love, outline |
<i class="fa fa-fw fa-heart-o" aria-hidden="true"></i> |
||
heart, beat, health, medical, solid |
<i class="fa fa-fw fa-heartbeat" aria-hidden="true"></i> |
||
clock, history, rewind |
<i class="fa fa-fw fa-history" aria-hidden="true"></i> |
||
home, house |
<i class="fa fa-fw fa-home" aria-hidden="true"></i> |
||
hospital, building |
<i class="fa fa-fw fa-hospital-o" aria-hidden="true"></i> |
||
hourglass, timer |
<i class="fa fa-fw fa-hourglass" aria-hidden="true"></i> |
||
hourglass, timer, full |
<i class="fa fa-fw fa-hourglass-end" aria-hidden="true"></i> |
||
hourglass, half, solid |
<i class="fa fa-fw fa-hourglass-half" aria-hidden="true"></i> |
||
hourglass, outline |
<i class="fa fa-fw fa-hourglass-o" aria-hidden="true"></i> |
||
hourglass, start |
<i class="fa fa-fw fa-hourglass-start" aria-hidden="true"></i> |
||
Houzz, brand |
<i class="fa fa-fw fa-houzz" aria-hidden="true"></i> |
||
HTML5 |
<i class="fa fa-fw fa-html5" aria-hidden="true"></i> |
||
cursor, i-beam |
<i class="fa fa-fw fa-i-cursor" aria-hidden="true"></i> |
||
ID, badge |
<i class="fa fa-fw fa-id-badge" aria-hidden="true"></i> |
||
ID, card |
<i class="fa fa-fw fa-id-card" aria-hidden="true"></i> |
||
ID, card, outline |
<i class="fa fa-fw fa-id-card-o" aria-hidden="true"></i> |
||
ILS, brand |
<i class="fa fa-fw fa-ils" aria-hidden="true"></i> |
||
IMDB, brand |
<i class="fa fa-fw fa-imdb" aria-hidden="true"></i> |
||
inbox |
<i class="fa fa-fw fa-inbox" aria-hidden="true"></i> |
||
text indent |
<i class="fa fa-fw fa-indent" aria-hidden="true"></i> |
||
industry, factory, building |
<i class="fa fa-fw fa-industry" aria-hidden="true"></i> |
||
information, i |
<i class="fa fa-fw fa-info" aria-hidden="true"></i> |
||
information, exclamation, circle |
<i class="fa fa-fw fa-info-circle" aria-hidden="true"></i> |
||
Indian, rupees |
<i class="fa fa-fw fa-inr" aria-hidden="true"></i> |
||
Instagram, photos |
<i class="fa fa-fw fa-instagram" aria-hidden="true"></i> |
||
Internet Explorer, browser |
<i class="fa fa-fw fa-internet-explorer" aria-hidden="true"></i> |
||
Ioxhost, brand |
<i class="fa fa-fw fa-ioxhost" aria-hidden="true"></i> |
||
Italic |
<i class="fa fa-fw fa-italic" aria-hidden="true"></i> |
||
Joomla, brand |
<i class="fa fa-fw fa-joomla" aria-hidden="true"></i> |
||
Japanese, yen |
<i class="fa fa-fw fa-jpy" aria-hidden="true"></i> |
||
JS Fiddle, brand |
<i class="fa fa-fw fa-jsfiddle" aria-hidden="true"></i> |
||
key |
<i class="fa fa-fw fa-key" aria-hidden="true"></i> |
||
keyboard |
<i class="fa fa-fw fa-keyboard-o" aria-hidden="true"></i> |
||
South Korean, won |
<i class="fa fa-fw fa-krw" aria-hidden="true"></i> |
||
language, sign |
<i class="fa fa-fw fa-language" aria-hidden="true"></i> |
||
laptop, computer |
<i class="fa fa-fw fa-laptop" aria-hidden="true"></i> |
||
Lastfm, brand |
<i class="fa fa-fw fa-lastfm" aria-hidden="true"></i> |
||
Lastfm, square |
<i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i> |
||
leaf, plant |
<i class="fa fa-fw fa-leaf" aria-hidden="true"></i> |
||
Leanpub, brand |
<i class="fa fa-fw fa-leanpub" aria-hidden="true"></i> |
||
lemon, outline |
<i class="fa fa-fw fa-lemon-o" aria-hidden="true"></i> |
||
level down, arrow |
<i class="fa fa-fw fa-level-down" aria-hidden="true"></i> |
||
level up, arrow |
<i class="fa fa-fw fa-level-up" aria-hidden="true"></i> |
||
life ring, preserver |
<i class="fa fa-fw fa-life-ring" aria-hidden="true"></i> |
||
lightbulb, outline |
<i class="fa fa-fw fa-lightbulb-o" aria-hidden="true"></i> |
||
line chart |
<i class="fa fa-fw fa-line-chart" aria-hidden="true"></i> |
||
link, chain |
<i class="fa fa-fw fa-link" aria-hidden="true"></i> |
||
Linkedin, brand |
<i class="fa fa-fw fa-linkedin" aria-hidden="true"></i> |
||
Linkedin, square |
<i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> |
||
Linode, brand |
<i class="fa fa-fw fa-linode" aria-hidden="true"></i> |
||
Linux, brand |
<i class="fa fa-fw fa-linux" aria-hidden="true"></i> |
||
list, bullets |
<i class="fa fa-fw fa-list" aria-hidden="true"></i> |
||
list, alt, box |
<i class="fa fa-fw fa-list-alt" aria-hidden="true"></i> |
||
list, numbered, ordered |
<i class="fa fa-fw fa-list-ol" aria-hidden="true"></i> |
||
list, bullet, unordered |
<i class="fa fa-fw fa-list-ul" aria-hidden="true"></i> |
||
location, arrow, compas, direction |
<i class="fa fa-fw fa-location-arrow" aria-hidden="true"></i> |
||
lock, locked |
<i class="fa fa-fw fa-lock" aria-hidden="true"></i> |
||
long arrow, down |
<i class="fa fa-fw fa-long-arrow-down" aria-hidden="true"></i> |
||
long, arrow, left |
<i class="fa fa-fw fa-long-arrow-left" aria-hidden="true"></i> |
||
long, arrow, right |
<i class="fa fa-fw fa-long-arrow-right" aria-hidden="true"></i> |
||
long, arrow, up |
<i class="fa fa-fw fa-long-arrow-up" aria-hidden="true"></i> |
||
low vision, low visibilty |
<i class="fa fa-fw fa-low-vision" aria-hidden="true"></i> |
||
magic, wand |
<i class="fa fa-fw fa-magic" aria-hidden="true"></i> |
||
magnet |
<i class="fa fa-fw fa-magnet" aria-hidden="true"></i> |
||
male, man |
<i class="fa fa-fw fa-male" aria-hidden="true"></i> |
||
map, solid |
<i class="fa fa-fw fa-map" aria-hidden="true"></i> |
||
map, marker |
<i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> |
||
map, outline |
<i class="fa fa-fw fa-map-o" aria-hidden="true"></i> |
||
map, pin, location |
<i class="fa fa-fw fa-map-pin" aria-hidden="true"></i> |
||
map, signs, directions |
<i class="fa fa-fw fa-map-signs" aria-hidden="true"></i> |
||
mars, star, sign |
<i class="fa fa-fw fa-mars" aria-hidden="true"></i> |
||
mars, double, sign |
<i class="fa fa-fw fa-mars-double" aria-hidden="true"></i> |
||
mars, stroke |
<i class="fa fa-fw fa-mars-stroke" aria-hidden="true"></i> |
||
mars, stroke, horizontal |
<i class="fa fa-fw fa-mars-stroke-h" aria-hidden="true"></i> |
||
mars, stroke, vertical |
<i class="fa fa-fw fa-mars-stroke-v" aria-hidden="true"></i> |
||
maxCDN, brand |
<i class="fa fa-fw fa-maxcdn" aria-hidden="true"></i> |
||
Meanpath, brand |
<i class="fa fa-fw fa-meanpath" aria-hidden="true"></i> |
||
Medium, brand |
<i class="fa fa-fw fa-medium" aria-hidden="true"></i> |
||
medkit, health, medical |
<i class="fa fa-fw fa-medkit" aria-hidden="true"></i> |
||
Meetup, brand |
<i class="fa fa-fw fa-meetup" aria-hidden="true"></i> |
||
meh, emotion |
<i class="fa fa-fw fa-meh-o" aria-hidden="true"></i> |
||
mercury, star, sign |
<i class="fa fa-fw fa-mercury" aria-hidden="true"></i> |
||
microchip |
<i class="fa fa-fw fa-microchip" aria-hidden="true"></i> |
||
microphone, record |
<i class="fa fa-fw fa-microphone" aria-hidden="true"></i> |
||
microphone |
<i class="fa fa-fw fa-microphone-slash" aria-hidden="true"></i> |
||
minus |
<i class="fa fa-fw fa-minus" aria-hidden="true"></i> |
||
minus, circle |
<i class="fa fa-fw fa-minus-circle" aria-hidden="true"></i> |
||
minus, square |
<i class="fa fa-fw fa-minus-square" aria-hidden="true"></i> |
||
minus, square, outline |
<i class="fa fa-fw fa-minus-square-o" aria-hidden="true"></i> |
||
Mixcloud, brand |
<i class="fa fa-fw fa-mixcloud" aria-hidden="true"></i> |
||
mobile, phone |
<i class="fa fa-fw fa-mobile" aria-hidden="true"></i> |
||
Modx, brand |
<i class="fa fa-fw fa-modx" aria-hidden="true"></i> |
||
money, dollar |
<i class="fa fa-fw fa-money" aria-hidden="true"></i> |
||
moon, outline |
<i class="fa fa-fw fa-moon-o" aria-hidden="true"></i> |
||
motorcyle |
<i class="fa fa-fw fa-motorcycle" aria-hidden="true"></i> |
||
mouse pointer |
<i class="fa fa-fw fa-mouse-pointer" aria-hidden="true"></i> |
||
music, note |
<i class="fa fa-fw fa-music" aria-hidden="true"></i> |
||
neuter |
<i class="fa fa-fw fa-neuter" aria-hidden="true"></i> |
||
newspaper, outline |
<i class="fa fa-fw fa-newspaper-o" aria-hidden="true"></i> |
||
object, group |
<i class="fa fa-fw fa-object-group" aria-hidden="true"></i> |
||
object, ungroup |
<i class="fa fa-fw fa-object-ungroup" aria-hidden="true"></i> |
||
Odnoklassniki, brand |
<i class="fa fa-fw fa-odnoklassniki" aria-hidden="true"></i> |
||
Odnoklassniki, brand, square |
<i class="fa fa-fw fa-odnoklassniki-square" aria-hidden="true"></i> |
||
Opencart, brand |
<i class="fa fa-fw fa-opencart" aria-hidden="true"></i> |
||
OpenID, brand |
<i class="fa fa-fw fa-openid" aria-hidden="true"></i> |
||
Opera, browser, brand |
<i class="fa fa-fw fa-opera" aria-hidden="true"></i> |
||
Optin Monster, brand |
<i class="fa fa-fw fa-optin-monster" aria-hidden="true"></i> |
||
Outdent |
<i class="fa fa-fw fa-outdent" aria-hidden="true"></i> |
||
Pagelines, brand |
<i class="fa fa-fw fa-pagelines" aria-hidden="true"></i> |
||
paint brush |
<i class="fa fa-fw fa-paint-brush" aria-hidden="true"></i> |
||
paper, plane, email |
<i class="fa fa-fw fa-paper-plane" aria-hidden="true"></i> |
||
paper plane, email, outline |
<i class="fa fa-fw fa-paper-plane-o" aria-hidden="true"></i> |
||
paperclip, attachment |
<i class="fa fa-fw fa-paperclip" aria-hidden="true"></i> |
||
paragraph, return |
<i class="fa fa-fw fa-paragraph" aria-hidden="true"></i> |
||
pause, button |
<i class="fa fa-fw fa-pause" aria-hidden="true"></i> |
||
pause, circle |
<i class="fa fa-fw fa-pause-circle" aria-hidden="true"></i> |
||
pause, circle, outline |
<i class="fa fa-fw fa-pause-circle-o" aria-hidden="true"></i> |
||
paw, wolf, animal |
<i class="fa fa-fw fa-paw" aria-hidden="true"></i> |
||
Paypal, brand |
<i class="fa fa-fw fa-paypal" aria-hidden="true"></i> |
||
pencil, edit |
<i class="fa fa-fw fa-pencil" aria-hidden="true"></i> |
||
pencil, edit, square |
<i class="fa fa-fw fa-pencil-square" aria-hidden="true"></i> |
||
pencil, square, outline |
<i class="fa fa-fw fa-pencil-square-o" aria-hidden="true"></i> |
||
percent |
<i class="fa fa-fw fa-percent" aria-hidden="true"></i> |
||
phone |
<i class="fa fa-fw fa-phone" aria-hidden="true"></i> |
||
phone, square |
<i class="fa fa-fw fa-phone-square" aria-hidden="true"></i> |
||
picture, outline |
<i class="fa fa-fw fa-picture-o" aria-hidden="true"></i> |
||
pie chart |
<i class="fa fa-fw fa-pie-chart" aria-hidden="true"></i> |
||
pied piper, flute, Silicon Valley, logo |
<i class="fa fa-fw fa-pied-piper" aria-hidden="true"></i> |
||
pied piper, hat, robin hood, logo |
<i class="fa fa-fw fa-pied-piper-alt" aria-hidden="true"></i> |
||
pied piper, box. solid, logo |
<i class="fa fa-fw fa-pied-piper-pp" aria-hidden="true"></i> |
||
Pinterest, brand |
<i class="fa fa-fw fa-pinterest" aria-hidden="true"></i> |
||
Pinterest, brand, p, logo |
<i class="fa fa-fw fa-pinterest-p" aria-hidden="true"></i> |
||
pinterest, square |
<i class="fa fa-fw fa-pinterest-square" aria-hidden="true"></i> |
||
plane |
<i class="fa fa-fw fa-plane" aria-hidden="true"></i> |
||
play |
<i class="fa fa-fw fa-play" aria-hidden="true"></i> |
||
play, circle |
<i class="fa fa-fw fa-play-circle" aria-hidden="true"></i> |
||
play, circle, outline |
<i class="fa fa-fw fa-play-circle-o" aria-hidden="true"></i> |
||
plug |
<i class="fa fa-fw fa-plug" aria-hidden="true"></i> |
||
plus |
<i class="fa fa-fw fa-plus" aria-hidden="true"></i> |
||
plus, circle |
<i class="fa fa-fw fa-plus-circle" aria-hidden="true"></i> |
||
plus, square |
<i class="fa fa-fw fa-plus-square" aria-hidden="true"></i> |
||
plus, square, outline |
<i class="fa fa-fw fa-plus-square-o" aria-hidden="true"></i> |
||
podcast |
<i class="fa fa-fw fa-podcast" aria-hidden="true"></i> |
||
power off |
<i class="fa fa-fw fa-power-off" aria-hidden="true"></i> |
||
print, printer |
<i class="fa fa-fw fa-print" aria-hidden="true"></i> |
||
Product Hunt |
<i class="fa fa-fw fa-product-hunt" aria-hidden="true"></i> |
||
Puzzle piece |
<i class="fa fa-fw fa-puzzle-piece" aria-hidden="true"></i> |
||
QQ, Tencent, penguin, solid |
<i class="fa fa-fw fa-qq" aria-hidden="true"></i> |
||
QR code |
<i class="fa fa-fw fa-qrcode" aria-hidden="true"></i> |
||
question mark |
<i class="fa fa-fw fa-question" aria-hidden="true"></i> |
||
question mark, circle |
<i class="fa fa-fw fa-question-circle" aria-hidden="true"></i> |
||
question mark, circle, outline |
<i class="fa fa-fw fa-question-circle-o" aria-hidden="true"></i> |
||
Quora, brand |
<i class="fa fa-fw fa-quora" aria-hidden="true"></i> |
||
quote, left |
<i class="fa fa-fw fa-quote-left" aria-hidden="true"></i> |
||
quote, right |
<i class="fa fa-fw fa-quote-right" aria-hidden="true"></i> |
||
random, mix, sort |
<i class="fa fa-fw fa-random" aria-hidden="true"></i> |
||
Ravelry, brand |
<i class="fa fa-fw fa-ravelry" aria-hidden="true"></i> |
||
Rebel, icon |
<i class="fa fa-fw fa-rebel" aria-hidden="true"></i> |
||
recycle, trash |
<i class="fa fa-fw fa-recycle" aria-hidden="true"></i> |
||
Reddit, brand |
<i class="fa fa-fw fa-reddit" aria-hidden="true"></i> |
||
Reddit alien, brand |
<i class="fa fa-fw fa-reddit-alien" aria-hidden="true"></i> |
||
Reddit, square, brand |
<i class="fa fa-fw fa-reddit-square" aria-hidden="true"></i> |
||
refresh, reset |
<i class="fa fa-fw fa-refresh" aria-hidden="true"></i> |
||
registered, mark |
<i class="fa fa-fw fa-registered" aria-hidden="true"></i> |
||
Renren network, Xiaonei |
<i class="fa fa-fw fa-renren" aria-hidden="true"></i> |
||
repeat |
<i class="fa fa-fw fa-repeat" aria-hidden="true"></i> |
||
reply |
<i class="fa fa-fw fa-reply" aria-hidden="true"></i> |
||
reply all |
<i class="fa fa-fw fa-reply-all" aria-hidden="true"></i> |
||
retweet |
<i class="fa fa-fw fa-retweet" aria-hidden="true"></i> |
||
road |
<i class="fa fa-fw fa-road" aria-hidden="true"></i> |
||
rocket, space ship |
<i class="fa fa-fw fa-rocket" aria-hidden="true"></i> |
||
RSS feed |
<i class="fa fa-fw fa-rss" aria-hidden="true"></i> |
||
RSS feed, square |
<i class="fa fa-fw fa-rss-square" aria-hidden="true"></i> |
||
Russian rubles |
<i class="fa fa-fw fa-rub" aria-hidden="true"></i> |
||
Safari, browser, brand |
<i class="fa fa-fw fa-safari" aria-hidden="true"></i> |
||
scissors, cut |
<i class="fa fa-fw fa-scissors" aria-hidden="true"></i> |
||
Scribd, brand |
<i class="fa fa-fw fa-scribd" aria-hidden="true"></i> |
||
search, find, magnifying glass |
<i class="fa fa-fw fa-search" aria-hidden="true"></i> |
||
search, find, magnifying glass, minus |
<i class="fa fa-fw fa-search-minus" aria-hidden="true"></i> |
||
search, find, magnifying glass, plus |
<i class="fa fa-fw fa-search-plus" aria-hidden="true"></i> |
||
Sellsy, brand |
<i class="fa fa-fw fa-sellsy" aria-hidden="true"></i> |
||
server |
<i class="fa fa-fw fa-server" aria-hidden="true"></i> |
||
share |
<i class="fa fa-fw fa-share" aria-hidden="true"></i> |
||
share, alt |
<i class="fa fa-fw fa-share-alt" aria-hidden="true"></i> |
||
share, alt, square |
<i class="fa fa-fw fa-share-alt-square" aria-hidden="true"></i> |
||
share, square |
<i class="fa fa-fw fa-share-square" aria-hidden="true"></i> |
||
share, square, outline |
<i class="fa fa-fw fa-share-square-o" aria-hidden="true"></i> |
||
shield, guard |
<i class="fa fa-fw fa-shield" aria-hidden="true"></i> |
||
ship |
<i class="fa fa-fw fa-ship" aria-hidden="true"></i> |
||
Shirtsinbulk, brand |
<i class="fa fa-fw fa-shirtsinbulk" aria-hidden="true"></i> |
||
shopping bag, buy, sale, purchase |
<i class="fa fa-fw fa-shopping-bag" aria-hidden="true"></i> |
||
shopping basket, buy, purchase |
<i class="fa fa-fw fa-shopping-basket" aria-hidden="true"></i> |
||
shopping cart, purchase, buy |
<i class="fa fa-fw fa-shopping-cart" aria-hidden="true"></i> |
||
shower |
<i class="fa fa-fw fa-shower" aria-hidden="true"></i> |
||
sign-in, login |
<i class="fa fa-fw fa-sign-in" aria-hidden="true"></i> |
||
sign language |
<i class="fa fa-fw fa-sign-language" aria-hidden="true"></i> |
||
sign out |
<i class="fa fa-fw fa-sign-out" aria-hidden="true"></i> |
||
signal |
<i class="fa fa-fw fa-signal" aria-hidden="true"></i> |
||
Simplybuilt, brand |
<i class="fa fa-fw fa-simplybuilt" aria-hidden="true"></i> |
||
sitemap, architecture, tree |
<i class="fa fa-fw fa-sitemap" aria-hidden="true"></i> |
||
Skyatlas, brand |
<i class="fa fa-fw fa-skyatlas" aria-hidden="true"></i> |
||
Skype, brand |
<i class="fa fa-fw fa-skype" aria-hidden="true"></i> |
||
Slack, brand, chat, IM |
<i class="fa fa-fw fa-slack" aria-hidden="true"></i> |
||
sliders, control |
<i class="fa fa-fw fa-sliders" aria-hidden="true"></i> |
||
Slideshare, brand |
<i class="fa fa-fw fa-slideshare" aria-hidden="true"></i> |
||
smile, outline |
<i class="fa fa-fw fa-smile-o" aria-hidden="true"></i> |
||
Snapchat, brand |
<i class="fa fa-fw fa-snapchat" aria-hidden="true"></i> |
||
Snapchat, ghost, logo, brand |
<i class="fa fa-fw fa-snapchat-ghost" aria-hidden="true"></i> |
||
Snapchat, square, brand |
<i class="fa fa-fw fa-snapchat-square" aria-hidden="true"></i> |
||
snowflake, outline |
<i class="fa fa-fw fa-snowflake-o" aria-hidden="true"></i> |
||
sort |
<i class="fa fa-fw fa-sort" aria-hidden="true"></i> |
||
sort, alphabetical, ascending |
<i class="fa fa-fw fa-sort-alpha-asc" aria-hidden="true"></i> |
||
sort, alphabetical, descending |
<i class="fa fa-fw fa-sort-alpha-desc" aria-hidden="true"></i> |
||
sort, amount, ascending |
<i class="fa fa-fw fa-sort-amount-asc" aria-hidden="true"></i> |
||
sort, amount, descending |
<i class="fa fa-fw fa-sort-amount-desc" aria-hidden="true"></i> |
||
sort, ascending |
<i class="fa fa-fw fa-sort-asc" aria-hidden="true"></i> |
||
sort, descending |
<i class="fa fa-fw fa-sort-desc" aria-hidden="true"></i> |
||
sort, numeric, ascending |
<i class="fa fa-fw fa-sort-numeric-asc" aria-hidden="true"></i> |
||
sort, numeric, descending |
<i class="fa fa-fw fa-sort-numeric-desc" aria-hidden="true"></i> |
||
Soundcloud, brand |
<i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i> |
||
space shuttle |
<i class="fa fa-fw fa-space-shuttle" aria-hidden="true"></i> |
||
spinner |
<i class="fa fa-fw fa-spinner" aria-hidden="true"></i> |
||
spoon, cutlery |
<i class="fa fa-fw fa-spoon" aria-hidden="true"></i> |
||
Spotify, brand |
<i class="fa fa-fw fa-spotify" aria-hidden="true"></i> |
||
square |
<i class="fa fa-fw fa-square" aria-hidden="true"></i> |
||
square, outline |
<i class="fa fa-fw fa-square-o" aria-hidden="true"></i> |
||
Stack Exchange, brand |
<i class="fa fa-fw fa-stack-exchange" aria-hidden="true"></i> |
||
Stack Overflow, brand |
<i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i> |
||
star |
<i class="fa fa-fw fa-star" aria-hidden="true"></i> |
||
half star |
<i class="fa fa-fw fa-star-half" aria-hidden="true"></i> |
||
half star, outline |
<i class="fa fa-fw fa-star-half-o" aria-hidden="true"></i> |
||
star, outline |
<i class="fa fa-fw fa-star-o" aria-hidden="true"></i> |
||
Steam, brand |
<i class="fa fa-fw fa-steam" aria-hidden="true"></i> |
||
Steam, square, brand |
<i class="fa fa-fw fa-steam-square" aria-hidden="true"></i> |
||
step backwards, undo |
<i class="fa fa-fw fa-step-backward" aria-hidden="true"></i> |
||
step forward, redo |
<i class="fa fa-fw fa-step-forward" aria-hidden="true"></i> |
||
stethoscope, doctor |
<i class="fa fa-fw fa-stethoscope" aria-hidden="true"></i> |
||
sticky note, reminder |
<i class="fa fa-fw fa-sticky-note" aria-hidden="true"></i> |
||
sticky note, outline |
<i class="fa fa-fw fa-sticky-note-o" aria-hidden="true"></i> |
||
stop |
<i class="fa fa-fw fa-stop" aria-hidden="true"></i> |
||
stop circle |
<i class="fa fa-fw fa-stop-circle" aria-hidden="true"></i> |
||
stop circle, outline |
<i class="fa fa-fw fa-stop-circle-o" aria-hidden="true"></i> |
||
street view |
<i class="fa fa-fw fa-street-view" aria-hidden="true"></i> |
||
strikethrough, line-through |
<i class="fa fa-fw fa-strikethrough" aria-hidden="true"></i> |
||
Stumbleupon, brand |
<i class="fa fa-fw fa-stumbleupon" aria-hidden="true"></i> |
||
Stumbleupon, circle, brand |
<i class="fa fa-fw fa-stumbleupon-circle" aria-hidden="true"></i> |
||
subscript |
<i class="fa fa-fw fa-subscript" aria-hidden="true"></i> |
||
subway, metro, trolley |
<i class="fa fa-fw fa-subway" aria-hidden="true"></i> |
||
suitcase, travel, tourist |
<i class="fa fa-fw fa-suitcase" aria-hidden="true"></i> |
||
sun, outline |
<i class="fa fa-fw fa-sun-o" aria-hidden="true"></i> |
||
superpowers, brand |
<i class="fa fa-fw fa-superpowers" aria-hidden="true"></i> |
||
superscript |
<i class="fa fa-fw fa-superscript" aria-hidden="true"></i> |
||
table, grid |
<i class="fa fa-fw fa-table" aria-hidden="true"></i> |
||
tablet |
<i class="fa fa-fw fa-tablet" aria-hidden="true"></i> |
||
tachometer |
<i class="fa fa-fw fa-tachometer" aria-hidden="true"></i> |
||
tag, metadata |
<i class="fa fa-fw fa-tag" aria-hidden="true"></i> |
||
tags, metadata |
<i class="fa fa-fw fa-tags" aria-hidden="true"></i> |
||
tasks |
<i class="fa fa-fw fa-tasks" aria-hidden="true"></i> |
||
taxi |
<i class="fa fa-fw fa-taxi" aria-hidden="true"></i> |
||
telegram |
<i class="fa fa-fw fa-telegram" aria-hidden="true"></i> |
||
television, TV |
<i class="fa fa-fw fa-television" aria-hidden="true"></i> |
||
Tencent, Weibo, brand |
<i class="fa fa-fw fa-tencent-weibo" aria-hidden="true"></i> |
||
terminal |
<i class="fa fa-fw fa-terminal" aria-hidden="true"></i> |
||
text-heigh, vertical, stretch |
<i class="fa fa-fw fa-text-height" aria-hidden="true"></i> |
||
text-width, horizontal, stretch |
<i class="fa fa-fw fa-text-width" aria-hidden="true"></i> |
||
grid, squares |
<i class="fa fa-fw fa-th" aria-hidden="true"></i> |
||
large grid, squares |
<i class="fa fa-fw fa-th-large" aria-hidden="true"></i> |
||
grid list |
<i class="fa fa-fw fa-th-list" aria-hidden="true"></i> |
||
Themeisle, brand |
<i class="fa fa-fw fa-themeisle" aria-hidden="true"></i> |
||
themometer, low temperature, cold |
<i class="fa fa-fw fa-thermometer-empty" aria-hidden="true"></i> |
||
thermometer, high temperature, hot |
<i class="fa fa-fw fa-thermometer-full" aria-hidden="true"></i> |
||
thermometer, pleasant temperature, temperate |
<i class="fa fa-fw fa-thermometer-half" aria-hidden="true"></i> |
||
thermometer, cool temperature, chilly |
<i class="fa fa-fw fa-thermometer-quarter" aria-hidden="true"></i> |
||
thermometer, warm temperature |
<i class="fa fa-fw fa-thermometer-three-quarters" aria-hidden="true"></i> |
||
thumb tack, reminder, push pin |
<i class="fa fa-fw fa-thumb-tack" aria-hidden="true"></i> |
||
thumbs-down, disapprove |
<i class="fa fa-fw fa-thumbs-down" aria-hidden="true"></i> |
||
thumbs-down, disapprove, outline |
<i class="fa fa-fw fa-thumbs-o-down" aria-hidden="true"></i> |
||
thumbs-up, approve, outline |
<i class="fa fa-fw fa-thumbs-o-up" aria-hidden="true"></i> |
||
thumbs-up, approve |
<i class="fa fa-fw fa-thumbs-up" aria-hidden="true"></i> |
||
ticket |
<i class="fa fa-fw fa-ticket" aria-hidden="true"></i> |
||
times, x, stop, close |
<i class="fa fa-fw fa-times" aria-hidden="true"></i> |
||
times, x, stop, close, circle |
<i class="fa fa-fw fa-times-circle" aria-hidden="true"></i> |
||
times, x, stop, close, circle, outline |
<i class="fa fa-fw fa-times-circle-o" aria-hidden="true"></i> |
||
tint, color, droplet, paint |
<i class="fa fa-fw fa-tint" aria-hidden="true"></i> |
||
toggle off |
<i class="fa fa-fw fa-toggle-off" aria-hidden="true"></i> |
||
toggle on |
<i class="fa fa-fw fa-toggle-on" aria-hidden="true"></i> |
||
trademark |
<i class="fa fa-fw fa-trademark" aria-hidden="true"></i> |
||
train |
<i class="fa fa-fw fa-train" aria-hidden="true"></i> |
||
transgender |
<i class="fa fa-fw fa-transgender" aria-hidden="true"></i> |
||
transgender alt |
<i class="fa fa-fw fa-transgender-alt" aria-hidden="true"></i> |
||
trash, delete |
<i class="fa fa-fw fa-trash" aria-hidden="true"></i> |
||
trash, delete, outline |
<i class="fa fa-fw fa-trash-o" aria-hidden="true"></i> |
||
tree, pine, Christmas, forest |
<i class="fa fa-fw fa-tree" aria-hidden="true"></i> |
||
Trello, brand, kanban |
<i class="fa fa-fw fa-trello" aria-hidden="true"></i> |
||
Tripadvisor, brand |
<i class="fa fa-fw fa-tripadvisor" aria-hidden="true"></i> |
||
trophy, prize, winner |
<i class="fa fa-fw fa-trophy" aria-hidden="true"></i> |
||
truck |
<i class="fa fa-fw fa-truck" aria-hidden="true"></i> |
||
try |
<i class="fa fa-fw fa-try" aria-hidden="true"></i> |
||
teletype, hearing imapairment, assistive device |
<i class="fa fa-fw fa-tty" aria-hidden="true"></i> |
||
Tumblr, blog, brand |
<i class="fa fa-fw fa-tumblr" aria-hidden="true"></i> |
||
Tumblr, blog, brand, square |
<i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i> |
||
Twitch, video games, brand |
<i class="fa fa-fw fa-twitch" aria-hidden="true"></i> |
||
Twitter, microblog, brand |
<i class="fa fa-fw fa-twitter" aria-hidden="true"></i> |
||
Twitter, microblog, brand, square |
<i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> |
||
umbrella |
<i class="fa fa-fw fa-umbrella" aria-hidden="true"></i> |
||
underline |
<i class="fa fa-fw fa-underline" aria-hidden="true"></i> |
||
undo |
<i class="fa fa-fw fa-undo" aria-hidden="true"></i> |
||
universal access |
<i class="fa fa-fw fa-universal-access" aria-hidden="true"></i> |
||
university, library |
<i class="fa fa-fw fa-university" aria-hidden="true"></i> |
||
lock, unlock |
<i class="fa fa-fw fa-unlock" aria-hidden="true"></i> |
||
unlock, alt |
<i class="fa fa-fw fa-unlock-alt" aria-hidden="true"></i> |
||
upload, cloud |
<i class="fa fa-fw fa-upload" aria-hidden="true"></i> |
||
USB |
<i class="fa fa-fw fa-usb" aria-hidden="true"></i> |
||
USD, money, dollar |
<i class="fa fa-fw fa-usd" aria-hidden="true"></i> |
||
user, persona |
<i class="fa fa-fw fa-user" aria-hidden="true"></i> |
||
user, circle |
<i class="fa fa-fw fa-user-circle" aria-hidden="true"></i> |
||
user, circle, outline |
<i class="fa fa-fw fa-user-circle-o" aria-hidden="true"></i> |
||
user, MD |
<i class="fa fa-fw fa-user-md" aria-hidden="true"></i> |
||
user, outline |
<i class="fa fa-fw fa-user-o" aria-hidden="true"></i> |
||
user, plus, add |
<i class="fa fa-fw fa-user-plus" aria-hidden="true"></i> |
||
user, secret, agent |
<i class="fa fa-fw fa-user-secret" aria-hidden="true"></i> |
||
user, times, delete |
<i class="fa fa-fw fa-user-times" aria-hidden="true"></i> |
||
users |
<i class="fa fa-fw fa-users" aria-hidden="true"></i> |
||
venus, star, sign |
<i class="fa fa-fw fa-venus" aria-hidden="true"></i> |
||
venus, double, star sign |
<i class="fa fa-fw fa-venus-double" aria-hidden="true"></i> |
||
venus, mars, star sign |
<i class="fa fa-fw fa-venus-mars" aria-hidden="true"></i> |
||
Viacoin, brand |
<i class="fa fa-fw fa-viacoin" aria-hidden="true"></i> |
||
Viadeo, brand |
<i class="fa fa-fw fa-viadeo" aria-hidden="true"></i> |
||
Viadeo, square |
<i class="fa fa-fw fa-viadeo-square" aria-hidden="true"></i> |
||
video camera |
<i class="fa fa-fw fa-video-camera" aria-hidden="true"></i> |
||
Vimeo, brand |
<i class="fa fa-fw fa-vimeo" aria-hidden="true"></i> |
||
Vimeo, square |
<i class="fa fa-fw fa-vimeo-square" aria-hidden="true"></i> |
||
Vine, brand |
<i class="fa fa-fw fa-vine" aria-hidden="true"></i> |
||
VK social network, logo |
<i class="fa fa-fw fa-vk" aria-hidden="true"></i> |
||
column control, phone |
<i class="fa fa-fw fa-volume-control-phone" aria-hidden="true"></i> |
||
volume down |
<i class="fa fa-fw fa-volume-down" aria-hidden="true"></i> |
||
volume off |
<i class="fa fa-fw fa-volume-off" aria-hidden="true"></i> |
||
volume up |
<i class="fa fa-fw fa-volume-up" aria-hidden="true"></i> |
||
Weibo, brand |
<i class="fa fa-fw fa-weibo" aria-hidden="true"></i> |
||
Weixin, brand |
<i class="fa fa-fw fa-weixin" aria-hidden="true"></i> |
||
Whatsapp, brand |
<i class="fa fa-fw fa-whatsapp" aria-hidden="true"></i> |
||
wheelchair, disability |
<i class="fa fa-fw fa-wheelchair" aria-hidden="true"></i> |
||
wheelchair, alt, disability |
<i class="fa fa-fw fa-wheelchair-alt" aria-hidden="true"></i> |
||
wifi, signal |
<i class="fa fa-fw fa-wifi" aria-hidden="true"></i> |
||
Wikipedia, logo, brand |
<i class="fa fa-fw fa-wikipedia-w" aria-hidden="true"></i> |
||
window close |
<i class="fa fa-fw fa-window-close" aria-hidden="true"></i> |
||
window close, outline |
<i class="fa fa-fw fa-window-close-o" aria-hidden="true"></i> |
||
window maximize |
<i class="fa fa-fw fa-window-maximize" aria-hidden="true"></i> |
||
window minimize |
<i class="fa fa-fw fa-window-minimize" aria-hidden="true"></i> |
||
window restore |
<i class="fa fa-fw fa-window-restore" aria-hidden="true"></i> |
||
Windows, brand |
<i class="fa fa-fw fa-windows" aria-hidden="true"></i> |
||
Wordpress, brand |
<i class="fa fa-fw fa-wordpress" aria-hidden="true"></i> |
||
WPbeginner, brand |
<i class="fa fa-fw fa-wpbeginner" aria-hidden="true"></i> |
||
WPExplorer, brand |
<i class="fa fa-fw fa-wpexplorer" aria-hidden="true"></i> |
||
WPforms, brand |
<i class="fa fa-fw fa-wpforms" aria-hidden="true"></i> |
||
wrench |
<i class="fa fa-fw fa-wrench" aria-hidden="true"></i> |
||
xing, crossing |
<i class="fa fa-fw fa-xing" aria-hidden="true"></i> |
||
xing, crossing, square |
<i class="fa fa-fw fa-xing-square" aria-hidden="true"></i> |
||
Y-combinator, brand, startup |
<i class="fa fa-fw fa-y-combinator" aria-hidden="true"></i> |
||
Yahoo, brand |
<i class="fa fa-fw fa-yahoo" aria-hidden="true"></i> |
||
Yelp, brand |
<i class="fa fa-fw fa-yelp" aria-hidden="true"></i> |
||
Yoast, brand |
<i class="fa fa-fw fa-yoast" aria-hidden="true"></i> |
||
Youtube, brand |
<i class="fa fa-fw fa-youtube" aria-hidden="true"></i> |
||
Youtube, play, icon, brand |
<i class="fa fa-fw fa-youtube-play" aria-hidden="true"></i> |
||
Youtube, brand, square |
<i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> |
Modal title
Lorem ipsum dolor sit amet, deus?