Per ulteriori informazioni visita la pagina ufficiale.

Ascolta la pronuncia Inglese per "Awesome Fonts"

Puoi inserire le icone Font Awesome quasi ovunque usando il prefisso CSS fa e il nome dell'icona. Font Awesome è pensato per elementi inline (per brevità si può utilizzare il tag <i> ma sarebbe semanticamente più corretto il tag <span>).

<i class="fa fa-camera-retro"></i> oppure <span class="fa fa-camera-retro"></span> -- 

Oppure puoi utilizzare il foglio di stile CSS come nell'esempio sotto.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.element {
position: relative;
}
/* sostituire il valore \f000 con il corrispondente valore dalla lista sotto */
.element:before {
content: "\f000";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/* personalizzare secondo le preferenze */
color: #000;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 10px;
left: 0;
}

NB: Non è possibile usare gli pseudo codici :before e :after per l'elemento <input>, ma funziona come previsto con l'elemento <button>Label</button>.

Ricordati di includere il link al CSS di font awesome:
<link rel="stylesheet" href="/path/to/font-awesome/css/font-awesome.min.css">

<span class="fa fa-glass"></span> fa-glass "\f000"
<span class="fa fa-music"></span> fa-music "\f001"
<span class="fa fa-search"></span> fa-search "\f002"
<span class="fa fa-envelope-o"></span> fa-envelope-o "\f003"
<span class="fa fa-heart"></span> fa-heart "\f004"
<span class="fa fa-star"></span> fa-star "\f005"
<span class="fa fa-star-o"></span> fa-star-o "\f006"
<span class="fa fa-user"></span> fa-user "\f007"
<span class="fa fa-film"></span> fa-film "\f008"
<span class="fa fa-th-large"></span> fa-th-large "\f009"
<span class="fa fa-th"></span> fa-th "\f00a"
<span class="fa fa-th-list"></span> fa-th-list "\f00b"
<span class="fa fa-check"></span> fa-check "\f00c"
<span class="fa fa-times"></span> fa-times "\f00d"
<span class="fa fa-search-plus"></span> fa-search-plus "\f00e"
<span class="fa fa-search-minus"></span> fa-search-minus "\f010"
<span class="fa fa-power-off"></span> fa-power-off "\f011"
<span class="fa fa-signal"></span> fa-signal "\f012"
<span class="fa fa-cog"></span> fa-cog "\f013"
<span class="fa fa-trash-o"></span> fa-trash-o "\f014"
<span class="fa fa-home"></span> fa-home "\f015"
<span class="fa fa-file-o"></span> fa-file-o "\f016"
<span class="fa fa-clock-o"></span> fa-clock-o "\f017"
<span class="fa fa-road"></span> fa-road "\f018"
<span class="fa fa-download"></span> fa-download "\f019"
<span class="fa fa-arrow-circle-o-down"></span> fa-arrow-circle-o-down "\f01a"
<span class="fa fa-arrow-circle-o-up"></span> fa-arrow-circle-o-up "\f01b"
<span class="fa fa-inbox"></span> fa-inbox "\f01c"
<span class="fa fa-play-circle-o"></span> fa-play-circle-o "\f01d"
<span class="fa fa-repeat"></span> fa-repeat "\f01e"
<span class="fa fa-refresh"></span> fa-refresh "\f021"
<span class="fa fa-list-alt"></span> fa-list-alt "\f022"
<span class="fa fa-lock"></span> fa-lock "\f023"
<span class="fa fa-flag"></span> fa-flag "\f024"
<span class="fa fa-headphones"></span> fa-headphones "\f025"
<span class="fa fa-volume-off"></span> fa-volume-off "\f026"
<span class="fa fa-volume-down"></span> fa-volume-down "\f027"
<span class="fa fa-volume-up"></span> fa-volume-up "\f028"
<span class="fa fa-qrcode"></span> fa-qrcode "\f029"
<span class="fa fa-barcode"></span> fa-barcode "\f02a"
<span class="fa fa-tag"></span> fa-tag "\f02b"
<span class="fa fa-tags"></span> fa-tags "\f02c"
<span class="fa fa-book"></span> fa-book "\f02d"
<span class="fa fa-bookmark"></span> fa-bookmark "\f02e"
<span class="fa fa-print"></span> fa-print "\f02f"
<span class="fa fa-camera"></span> fa-camera "\f030"
<span class="fa fa-font"></span> fa-font "\f031"
<span class="fa fa-bold"></span> fa-bold "\f032"
<span class="fa fa-italic"></span> fa-italic "\f033"
<span class="fa fa-text-height"></span> fa-text-height "\f034"
<span class="fa fa-text-width"></span> fa-text-width "\f035"
<span class="fa fa-align-left"></span> fa-align-left "\f036"
<span class="fa fa-align-center"></span> fa-align-center "\f037"
<span class="fa fa-align-right"></span> fa-align-right "\f038"
<span class="fa fa-align-justify"></span> fa-align-justify "\f039"
<span class="fa fa-list"></span> fa-list "\f03a"
<span class="fa fa-outdent"></span> fa-outdent "\f03b"
<span class="fa fa-indent"></span> fa-indent "\f03c"
<span class="fa fa-video-camera"></span> fa-video-camera "\f03d"
<span class="fa fa-picture-o"></span> fa-picture-o "\f03e"
<span class="fa fa-pencil"></span> fa-pencil "\f040"
<span class="fa fa-map-marker"></span> fa-map-marker "\f041"
<span class="fa fa-adjust"></span> fa-adjust "\f042"
<span class="fa fa-tint"></span> fa-tint "\f043"
<span class="fa fa-pencil-square-o"></span> fa-pencil-square-o "\f044"
<span class="fa fa-share-square-o"></span> fa-share-square-o "\f045"
<span class="fa fa-check-square-o"></span> fa-check-square-o "\f046"
<span class="fa fa-arrows"></span> fa-arrows "\f047"
<span class="fa fa-step-backward"></span> fa-step-backward "\f048"
<span class="fa fa-fast-backward"></span> fa-fast-backward "\f049"
<span class="fa fa-backward"></span> fa-backward "\f04a"
<span class="fa fa-play"></span> fa-play "\f04b"
<span class="fa fa-pause"></span> fa-pause "\f04c"
<span class="fa fa-stop"></span> fa-stop "\f04d"
<span class="fa fa-forward"></span> fa-forward "\f04e"
<span class="fa fa-fast-forward"></span> fa-fast-forward "\f050"
<span class="fa fa-step-forward"></span> fa-step-forward "\f051"
<span class="fa fa-eject"></span> fa-eject "\f052"
<span class="fa fa-chevron-left"></span> fa-chevron-left "\f053"
<span class="fa fa-chevron-right"></span> fa-chevron-right "\f054"
<span class="fa fa-plus-circle"></span> fa-plus-circle "\f055"
<span class="fa fa-minus-circle"></span> fa-minus-circle "\f056"
<span class="fa fa-times-circle"></span> fa-times-circle "\f057"
<span class="fa fa-check-circle"></span> fa-check-circle "\f058"
<span class="fa fa-question-circle"></span> fa-question-circle "\f059"
<span class="fa fa-info-circle"></span> fa-info-circle "\f05a"
<span class="fa fa-crosshairs"></span> fa-crosshairs "\f05b"
<span class="fa fa-times-circle-o"></span> fa-times-circle-o "\f05c"
<span class="fa fa-check-circle-o"></span> fa-check-circle-o "\f05d"
<span class="fa fa-ban"></span> fa-ban "\f05e"
<span class="fa fa-arrow-left"></span> fa-arrow-left "\f060"
<span class="fa fa-arrow-right"></span> fa-arrow-right "\f061"
<span class="fa fa-arrow-up"></span> fa-arrow-up "\f062"
<span class="fa fa-arrow-down"></span> fa-arrow-down "\f063"
<span class="fa fa-share"></span> fa-share "\f064"
<span class="fa fa-expand"></span> fa-expand "\f065"
<span class="fa fa-compress"></span> fa-compress "\f066"
<span class="fa fa-plus"></span> fa-plus "\f067"
<span class="fa fa-minus"></span> fa-minus "\f068"
<span class="fa fa-asterisk"></span> fa-asterisk "\f069"
<span class="fa fa-exclamation-circle"></span> fa-exclamation-circle "\f06a"
<span class="fa fa-gift"></span> fa-gift "\f06b"
<span class="fa fa-leaf"></span> fa-leaf "\f06c"
<span class="fa fa-fire"></span> fa-fire "\f06d"
<span class="fa fa-eye"></span> fa-eye "\f06e"
<span class="fa fa-eye-slash"></span> fa-eye-slash "\f070"
<span class="fa fa-exclamation-triangle"></span> fa-exclamation-triangle "\f071"
<span class="fa fa-plane"></span> fa-plane "\f072"
<span class="fa fa-calendar"></span> fa-calendar "\f073"
<span class="fa fa-random"></span> fa-random "\f074"
<span class="fa fa-comment"></span> fa-comment "\f075"
<span class="fa fa-magnet"></span> fa-magnet "\f076"
<span class="fa fa-chevron-up"></span> fa-chevron-up "\f077"
<span class="fa fa-chevron-down"></span> fa-chevron-down "\f078"
<span class="fa fa-retweet"></span> fa-retweet "\f079"
<span class="fa fa-shopping-cart"></span> fa-shopping-cart "\f07a"
<span class="fa fa-folder"></span> fa-folder "\f07b"
<span class="fa fa-folder-open"></span> fa-folder-open "\f07c"
<span class="fa fa-arrows-v"></span> fa-arrows-v "\f07d"
<span class="fa fa-arrows-h"></span> fa-arrows-h "\f07e"
<span class="fa fa-bar-chart"></span> fa-bar-chart "\f080"
<span class="fa fa-twitter-square"></span> fa-twitter-square "\f081"
<span class="fa fa-facebook-square"></span> fa-facebook-square "\f082"
<span class="fa fa-camera-retro"></span> fa-camera-retro "\f083"
<span class="fa fa-key"></span> fa-key "\f084"
<span class="fa fa-cogs"></span> fa-cogs "\f085"
<span class="fa fa-comments"></span> fa-comments "\f086"
<span class="fa fa-thumbs-o-up"></span> fa-thumbs-o-up "\f087"
<span class="fa fa-thumbs-o-down"></span> fa-thumbs-o-down "\f088"
<span class="fa fa-star-half"></span> fa-star-half "\f089"
<span class="fa fa-heart-o"></span> fa-heart-o "\f08a"
<span class="fa fa-sign-out"></span> fa-sign-out "\f08b"
<span class="fa fa-linkedin-square"></span> fa-linkedin-square "\f08c"
<span class="fa fa-thumb-tack"></span> fa-thumb-tack "\f08d"
<span class="fa fa-external-link"></span> fa-external-link "\f08e"
<span class="fa fa-sign-in"></span> fa-sign-in "\f090"
<span class="fa fa-trophy"></span> fa-trophy "\f091"
<span class="fa fa-github-square"></span> fa-github-square "\f092"
<span class="fa fa-upload"></span> fa-upload "\f093"
<span class="fa fa-lemon-o"></span> fa-lemon-o "\f094"
<span class="fa fa-phone"></span> fa-phone "\f095"
<span class="fa fa-square-o"></span> fa-square-o "\f096"
<span class="fa fa-bookmark-o"></span> fa-bookmark-o "\f097"
<span class="fa fa-phone-square"></span> fa-phone-square "\f098"
<span class="fa fa-twitter"></span> fa-twitter "\f099"
<span class="fa fa-facebook"></span> fa-facebook "\f09a"
<span class="fa fa-github"></span> fa-github "\f09b"
<span class="fa fa-unlock"></span> fa-unlock "\f09c"
<span class="fa fa-credit-card"></span> fa-credit-card "\f09d"
<span class="fa fa-rss"></span> fa-rss "\f09e"
<span class="fa fa-hdd-o"></span> fa-hdd-o "\f0a0"
<span class="fa fa-bullhorn"></span> fa-bullhorn "\f0a1"
<span class="fa fa-bell"></span> fa-bell "\f0f3"
<span class="fa fa-certificate"></span> fa-certificate "\f0a3"
<span class="fa fa-hand-o-right"></span> fa-hand-o-right "\f0a4"
<span class="fa fa-hand-o-left"></span> fa-hand-o-left "\f0a5"
<span class="fa fa-hand-o-up"></span> fa-hand-o-up "\f0a6"
<span class="fa fa-hand-o-down"></span> fa-hand-o-down "\f0a7"
<span class="fa fa-arrow-circle-left"></span> fa-arrow-circle-left "\f0a8"
<span class="fa fa-arrow-circle-right"></span> fa-arrow-circle-right "\f0a9"
<span class="fa fa-arrow-circle-up"></span> fa-arrow-circle-up "\f0aa"
<span class="fa fa-arrow-circle-down"></span> fa-arrow-circle-down "\f0ab"
<span class="fa fa-globe"></span> fa-globe "\f0ac"
<span class="fa fa-wrench"></span> fa-wrench "\f0ad"
<span class="fa fa-tasks"></span> fa-tasks "\f0ae"
<span class="fa fa-filter"></span> fa-filter "\f0b0"
<span class="fa fa-briefcase"></span> fa-briefcase "\f0b1"
<span class="fa fa-arrows-alt"></span> fa-arrows-alt "\f0b2"
<span class="fa fa-users"></span> fa-users "\f0c0"
<span class="fa fa-link"></span> fa-link "\f0c1"
<span class="fa fa-cloud"></span> fa-cloud "\f0c2"
<span class="fa fa-flask"></span> fa-flask "\f0c3"
<span class="fa fa-scissors"></span> fa-scissors "\f0c4"
<span class="fa fa-files-o"></span> fa-files-o "\f0c5"
<span class="fa fa-paperclip"></span> fa-paperclip "\f0c6"
<span class="fa fa-floppy-o"></span> fa-floppy-o "\f0c7"
<span class="fa fa-square"></span> fa-square "\f0c8"
<span class="fa fa-bars"></span> fa-bars "\f0c9"
<span class="fa fa-list-ul"></span> fa-list-ul "\f0ca"
<span class="fa fa-list-ol"></span> fa-list-ol "\f0cb"
<span class="fa fa-strikethrough"></span> fa-strikethrough "\f0cc"
<span class="fa fa-underline"></span> fa-underline "\f0cd"
<span class="fa fa-table"></span> fa-table "\f0ce"
<span class="fa fa-magic"></span> fa-magic "\f0d0"
<span class="fa fa-truck"></span> fa-truck "\f0d1"
<span class="fa fa-pinterest"></span> fa-pinterest "\f0d2"
<span class="fa fa-pinterest-square"></span> fa-pinterest-square "\f0d3"
<span class="fa fa-google-plus-square"></span> fa-google-plus-square "\f0d4"
<span class="fa fa-google-plus"></span> fa-google-plus "\f0d5"
<span class="fa fa-money"></span> fa-money "\f0d6"
<span class="fa fa-caret-down"></span> fa-caret-down "\f0d7"
<span class="fa fa-caret-up"></span> fa-caret-up "\f0d8"
<span class="fa fa-caret-left"></span> fa-caret-left "\f0d9"
<span class="fa fa-caret-right"></span> fa-caret-right "\f0da"
<span class="fa fa-columns"></span> fa-columns "\f0db"
<span class="fa fa-sort"></span> fa-sort "\f0dc"
<span class="fa fa-sort-desc"></span> fa-sort-desc "\f0dd"
<span class="fa fa-sort-asc"></span> fa-sort-asc "\f0de"
<span class="fa fa-envelope"></span> fa-envelope "\f0e0"
<span class="fa fa-linkedin"></span> fa-linkedin "\f0e1"
<span class="fa fa-undo"></span> fa-undo "\f0e2"
<span class="fa fa-gavel"></span> fa-gavel "\f0e3"
<span class="fa fa-tachometer"></span> fa-tachometer "\f0e4"
<span class="fa fa-comment-o"></span> fa-comment-o "\f0e5"
<span class="fa fa-comments-o"></span> fa-comments-o "\f0e6"
<span class="fa fa-bolt"></span> fa-bolt "\f0e7"
<span class="fa fa-sitemap"></span> fa-sitemap "\f0e8"
<span class="fa fa-umbrella"></span> fa-umbrella "\f0e9"
<span class="fa fa-clipboard"></span> fa-clipboard "\f0ea"
<span class="fa fa-lightbulb-o"></span> fa-lightbulb-o "\f0eb"
<span class="fa fa-exchange"></span> fa-exchange "\f0ec"
<span class="fa fa-cloud-download"></span> fa-cloud-download "\f0ed"
<span class="fa fa-cloud-upload"></span> fa-cloud-upload "\f0ee"
<span class="fa fa-user-md"></span> fa-user-md "\f0f0"
<span class="fa fa-stethoscope"></span> fa-stethoscope "\f0f1"
<span class="fa fa-suitcase"></span> fa-suitcase "\f0f2"
<span class="fa fa-bell-o"></span> fa-bell-o "\f0a2"
<span class="fa fa-coffee"></span> fa-coffee "\f0f4"
<span class="fa fa-cutlery"></span> fa-cutlery "\f0f5"
<span class="fa fa-file-text-o"></span> fa-file-text-o "\f0f6"
<span class="fa fa-building-o"></span> fa-building-o "\f0f7"
<span class="fa fa-hospital-o"></span> fa-hospital-o "\f0f8"
<span class="fa fa-ambulance"></span> fa-ambulance "\f0f9"
<span class="fa fa-medkit"></span> fa-medkit "\f0fa"
<span class="fa fa-fighter-jet"></span> fa-fighter-jet "\f0fb"
<span class="fa fa-beer"></span> fa-beer "\f0fc"
<span class="fa fa-h-square"></span> fa-h-square "\f0fd"
<span class="fa fa-plus-square"></span> fa-plus-square "\f0fe"
<span class="fa fa-angle-double-left"></span> fa-angle-double-left "\f100"
<span class="fa fa-angle-double-right"></span> fa-angle-double-right "\f101"
<span class="fa fa-angle-double-up"></span> fa-angle-double-up "\f102"
<span class="fa fa-angle-double-down"></span> fa-angle-double-down "\f103"
<span class="fa fa-angle-left"></span> fa-angle-left "\f104"
<span class="fa fa-angle-right"></span> fa-angle-right "\f105"
<span class="fa fa-angle-up"></span> fa-angle-up "\f106"
<span class="fa fa-angle-down"></span> fa-angle-down "\f107"
<span class="fa fa-desktop"></span> fa-desktop "\f108"
<span class="fa fa-laptop"></span> fa-laptop "\f109"
<span class="fa fa-tablet"></span> fa-tablet "\f10a"
<span class="fa fa-mobile"></span> fa-mobile "\f10b"
<span class="fa fa-circle-o"></span> fa-circle-o "\f10c"
<span class="fa fa-quote-left"></span> fa-quote-left "\f10d"
<span class="fa fa-quote-right"></span> fa-quote-right "\f10e"
<span class="fa fa-spinner"></span> fa-spinner "\f110"
<span class="fa fa-circle"></span> fa-circle "\f111"
<span class="fa fa-reply"></span> fa-reply "\f112"
<span class="fa fa-github-alt"></span> fa-github-alt "\f113"
<span class="fa fa-folder-o"></span> fa-folder-o "\f114"
<span class="fa fa-folder-open-o"></span> fa-folder-open-o "\f115"
<span class="fa fa-smile-o"></span> fa-smile-o "\f118"
<span class="fa fa-frown-o"></span> fa-frown-o "\f119"
<span class="fa fa-meh-o"></span> fa-meh-o "\f11a"
<span class="fa fa-gamepad"></span> fa-gamepad "\f11b"
<span class="fa fa-keyboard-o"></span> fa-keyboard-o "\f11c"
<span class="fa fa-flag-o"></span> fa-flag-o "\f11d"
<span class="fa fa-flag-checkered"></span> fa-flag-checkered "\f11e"
<span class="fa fa-terminal"></span> fa-terminal "\f120"
<span class="fa fa-code"></span> fa-code "\f121"
<span class="fa fa-reply-all"></span> fa-reply-all "\f122"
<span class="fa fa-star-half-o"></span> fa-star-half-o "\f123"
<span class="fa fa-location-arrow"></span> fa-location-arrow "\f124"
<span class="fa fa-crop"></span> fa-crop "\f125"
<span class="fa fa-code-fork"></span> fa-code-fork "\f126"
<span class="fa fa-chain-broken"></span> fa-chain-broken "\f127"
<span class="fa fa-question"></span> fa-question "\f128"
<span class="fa fa-info"></span> fa-info "\f129"
<span class="fa fa-exclamation"></span> fa-exclamation "\f12a"
<span class="fa fa-superscript"></span> fa-superscript "\f12b"
<span class="fa fa-subscript"></span> fa-subscript "\f12c"
<span class="fa fa-eraser"></span> fa-eraser "\f12d"
<span class="fa fa-puzzle-piece"></span> fa-puzzle-piece "\f12e"
<span class="fa fa-microphone"></span> fa-microphone "\f130"
<span class="fa fa-microphone-slash"></span> fa-microphone-slash "\f131"
<span class="fa fa-shield"></span> fa-shield "\f132"
<span class="fa fa-calendar-o"></span> fa-calendar-o "\f133"
<span class="fa fa-fire-extinguisher"></span> fa-fire-extinguisher "\f134"
<span class="fa fa-rocket"></span> fa-rocket "\f135"
<span class="fa fa-maxcdn"></span> fa-maxcdn "\f136"
<span class="fa fa-chevron-circle-left"></span> fa-chevron-circle-left "\f137"
<span class="fa fa-chevron-circle-right"></span> fa-chevron-circle-right "\f138"
<span class="fa fa-chevron-circle-up"></span> fa-chevron-circle-up "\f139"
<span class="fa fa-chevron-circle-down"></span> fa-chevron-circle-down "\f13a"
<span class="fa fa-html5"></span> fa-html5 "\f13b"
<span class="fa fa-css3"></span> fa-css3 "\f13c"
<span class="fa fa-anchor"></span> fa-anchor "\f13d"
<span class="fa fa-unlock-alt"></span> fa-unlock-alt "\f13e"
<span class="fa fa-bullseye"></span> fa-bullseye "\f140"
<span class="fa fa-ellipsis-h"></span> fa-ellipsis-h "\f141"
<span class="fa fa-ellipsis-v"></span> fa-ellipsis-v "\f142"
<span class="fa fa-rss-square"></span> fa-rss-square "\f143"
<span class="fa fa-play-circle"></span> fa-play-circle "\f144"
<span class="fa fa-ticket"></span> fa-ticket "\f145"
<span class="fa fa-minus-square"></span> fa-minus-square "\f146"
<span class="fa fa-minus-square-o"></span> fa-minus-square-o "\f147"
<span class="fa fa-level-up"></span> fa-level-up "\f148"
<span class="fa fa-level-down"></span> fa-level-down "\f149"
<span class="fa fa-check-square"></span> fa-check-square "\f14a"
<span class="fa fa-pencil-square"></span> fa-pencil-square "\f14b"
<span class="fa fa-external-link-square"></span> fa-external-link-square "\f14c"
<span class="fa fa-share-square"></span> fa-share-square "\f14d"
<span class="fa fa-compass"></span> fa-compass "\f14e"
<span class="fa fa-caret-square-o-down"></span> fa-caret-square-o-down "\f150"
<span class="fa fa-caret-square-o-up"></span> fa-caret-square-o-up "\f151"
<span class="fa fa-caret-square-o-right"></span> fa-caret-square-o-right "\f152"
<span class="fa fa-eur"></span> fa-eur "\f153"
<span class="fa fa-gbp"></span> fa-gbp "\f154"
<span class="fa fa-usd"></span> fa-usd "\f155"
<span class="fa fa-inr"></span> fa-inr "\f156"
<span class="fa fa-jpy"></span> fa-jpy "\f157"
<span class="fa fa-rub"></span> fa-rub "\f158"
<span class="fa fa-krw"></span> fa-krw "\f159"
<span class="fa fa-btc"></span> fa-btc "\f15a"
<span class="fa fa-file"></span> fa-file "\f15b"
<span class="fa fa-file-text"></span> fa-file-text "\f15c"
<span class="fa fa-sort-alpha-asc"></span> fa-sort-alpha-asc "\f15d"
<span class="fa fa-sort-alpha-desc"></span> fa-sort-alpha-desc "\f15e"
<span class="fa fa-sort-amount-asc"></span> fa-sort-amount-asc "\f160"
<span class="fa fa-sort-amount-desc"></span> fa-sort-amount-desc "\f161"
<span class="fa fa-sort-numeric-asc"></span> fa-sort-numeric-asc "\f162"
<span class="fa fa-sort-numeric-desc"></span> fa-sort-numeric-desc "\f163"
<span class="fa fa-thumbs-up"></span> fa-thumbs-up "\f164"
<span class="fa fa-thumbs-down"></span> fa-thumbs-down "\f165"
<span class="fa fa-youtube-square"></span> fa-youtube-square "\f166"
<span class="fa fa-youtube"></span> fa-youtube "\f167"
<span class="fa fa-xing"></span> fa-xing "\f168"
<span class="fa fa-xing-square"></span> fa-xing-square "\f169"
<span class="fa fa-youtube-play"></span> fa-youtube-play "\f16a"
<span class="fa fa-dropbox"></span> fa-dropbox "\f16b"
<span class="fa fa-stack-overflow"></span> fa-stack-overflow "\f16c"
<span class="fa fa-instagram"></span> fa-instagram "\f16d"
<span class="fa fa-flickr"></span> fa-flickr "\f16e"
<span class="fa fa-adn"></span> fa-adn "\f170"
<span class="fa fa-bitbucket"></span> fa-bitbucket "\f171"
<span class="fa fa-bitbucket-square"></span> fa-bitbucket-square "\f172"
<span class="fa fa-tumblr"></span> fa-tumblr "\f173"
<span class="fa fa-tumblr-square"></span> fa-tumblr-square "\f174"
<span class="fa fa-long-arrow-down"></span> fa-long-arrow-down "\f175"
<span class="fa fa-long-arrow-up"></span> fa-long-arrow-up "\f176"
<span class="fa fa-long-arrow-left"></span> fa-long-arrow-left "\f177"
<span class="fa fa-long-arrow-right"></span> fa-long-arrow-right "\f178"
<span class="fa fa-apple"></span> fa-apple "\f179"
<span class="fa fa-windows"></span> fa-windows "\f17a"
<span class="fa fa-android"></span> fa-android "\f17b"
<span class="fa fa-linux"></span> fa-linux "\f17c"
<span class="fa fa-dribbble"></span> fa-dribbble "\f17d"
<span class="fa fa-skype"></span> fa-skype "\f17e"
<span class="fa fa-foursquare"></span> fa-foursquare "\f180"
<span class="fa fa-trello"></span> fa-trello "\f181"
<span class="fa fa-female"></span> fa-female "\f182"
<span class="fa fa-male"></span> fa-male "\f183"
<span class="fa fa-gratipay"></span> fa-gratipay "\f184"
<span class="fa fa-sun-o"></span> fa-sun-o "\f185"
<span class="fa fa-moon-o"></span> fa-moon-o "\f186"
<span class="fa fa-archive"></span> fa-archive "\f187"
<span class="fa fa-bug"></span> fa-bug "\f188"
<span class="fa fa-vk"></span> fa-vk "\f189"
<span class="fa fa-weibo"></span> fa-weibo "\f18a"
<span class="fa fa-renren"></span> fa-renren "\f18b"
<span class="fa fa-pagelines"></span> fa-pagelines "\f18c"
<span class="fa fa-stack-exchange"></span> fa-stack-exchange "\f18d"
<span class="fa fa-arrow-circle-o-right"></span> fa-arrow-circle-o-right "\f18e"
<span class="fa fa-arrow-circle-o-left"></span> fa-arrow-circle-o-left "\f190"
<span class="fa fa-caret-square-o-left"></span> fa-caret-square-o-left "\f191"
<span class="fa fa-dot-circle-o"></span> fa-dot-circle-o "\f192"
<span class="fa fa-wheelchair"></span> fa-wheelchair "\f193"
<span class="fa fa-vimeo-square"></span> fa-vimeo-square "\f194"
<span class="fa fa-try"></span> fa-try "\f195"
<span class="fa fa-plus-square-o"></span> fa-plus-square-o "\f196"
<span class="fa fa-space-shuttle"></span> fa-space-shuttle "\f197"
<span class="fa fa-slack"></span> fa-slack "\f198"
<span class="fa fa-envelope-square"></span> fa-envelope-square "\f199"
<span class="fa fa-wordpress"></span> fa-wordpress "\f19a"
<span class="fa fa-openid"></span> fa-openid "\f19b"
<span class="fa fa-university"></span> fa-university "\f19c"
<span class="fa fa-graduation-cap"></span> fa-graduation-cap "\f19d"
<span class="fa fa-yahoo"></span> fa-yahoo "\f19e"
<span class="fa fa-google"></span> fa-google "\f1a0"
<span class="fa fa-reddit"></span> fa-reddit "\f1a1"
<span class="fa fa-reddit-square"></span> fa-reddit-square "\f1a2"
<span class="fa fa-stumbleupon-circle"></span> fa-stumbleupon-circle "\f1a3"
<span class="fa fa-stumbleupon"></span> fa-stumbleupon "\f1a4"
<span class="fa fa-delicious"></span> fa-delicious "\f1a5"
<span class="fa fa-digg"></span> fa-digg "\f1a6"
<span class="fa fa-pied-piper"></span> fa-pied-piper "\f1a7"
<span class="fa fa-pied-piper-alt"></span> fa-pied-piper-alt "\f1a8"
<span class="fa fa-drupal"></span> fa-drupal "\f1a9"
<span class="fa fa-joomla"></span> fa-joomla "\f1aa"
<span class="fa fa-language"></span> fa-language "\f1ab"
<span class="fa fa-fax"></span> fa-fax "\f1ac"
<span class="fa fa-building"></span> fa-building "\f1ad"
<span class="fa fa-child"></span> fa-child "\f1ae"
<span class="fa fa-paw"></span> fa-paw "\f1b0"
<span class="fa fa-spoon"></span> fa-spoon "\f1b1"
<span class="fa fa-cube"></span> fa-cube "\f1b2"
<span class="fa fa-cubes"></span> fa-cubes "\f1b3"
<span class="fa fa-behance"></span> fa-behance "\f1b4"
<span class="fa fa-behance-square"></span> fa-behance-square "\f1b5"
<span class="fa fa-steam"></span> fa-steam "\f1b6"
<span class="fa fa-steam-square"></span> fa-steam-square "\f1b7"
<span class="fa fa-recycle"></span> fa-recycle "\f1b8"
<span class="fa fa-car"></span> fa-car "\f1b9"
<span class="fa fa-taxi"></span> fa-taxi "\f1ba"
<span class="fa fa-tree"></span> fa-tree "\f1bb"
<span class="fa fa-spotify"></span> fa-spotify "\f1bc"
<span class="fa fa-deviantart"></span> fa-deviantart "\f1bd"
<span class="fa fa-soundcloud"></span> fa-soundcloud "\f1be"
<span class="fa fa-database"></span> fa-database "\f1c0"
<span class="fa fa-file-pdf-o"></span> fa-file-pdf-o "\f1c1"
<span class="fa fa-file-word-o"></span> fa-file-word-o "\f1c2"
<span class="fa fa-file-excel-o"></span> fa-file-excel-o "\f1c3"
<span class="fa fa-file-powerpoint-o"></span> fa-file-powerpoint-o "\f1c4"
<span class="fa fa-file-image-o"></span> fa-file-image-o "\f1c5"
<span class="fa fa-file-archive-o"></span> fa-file-archive-o "\f1c6"
<span class="fa fa-file-audio-o"></span> fa-file-audio-o "\f1c7"
<span class="fa fa-file-video-o"></span> fa-file-video-o "\f1c8"
<span class="fa fa-file-code-o"></span> fa-file-code-o "\f1c9"
<span class="fa fa-vine"></span> fa-vine "\f1ca"
<span class="fa fa-codepen"></span> fa-codepen "\f1cb"
<span class="fa fa-jsfiddle"></span> fa-jsfiddle "\f1cc"
<span class="fa fa-life-ring"></span> fa-life-ring "\f1cd"
<span class="fa fa-circle-o-notch"></span> fa-circle-o-notch "\f1ce"
<span class="fa fa-rebel"></span> fa-rebel "\f1d0"
<span class="fa fa-empire"></span> fa-empire "\f1d1"
<span class="fa fa-git-square"></span> fa-git-square "\f1d2"
<span class="fa fa-git"></span> fa-git "\f1d3"
<span class="fa fa-hacker-news"></span> fa-hacker-news "\f1d4"
<span class="fa fa-tencent-weibo"></span> fa-tencent-weibo "\f1d5"
<span class="fa fa-qq"></span> fa-qq "\f1d6"
<span class="fa fa-weixin"></span> fa-weixin "\f1d7"
<span class="fa fa-paper-plane"></span> fa-paper-plane "\f1d8"
<span class="fa fa-paper-plane-o"></span> fa-paper-plane-o "\f1d9"
<span class="fa fa-history"></span> fa-history "\f1da"
<span class="fa fa-circle-thin"></span> fa-circle-thin "\f1db"
<span class="fa fa-header"></span> fa-header "\f1dc"
<span class="fa fa-paragraph"></span> fa-paragraph "\f1dd"
<span class="fa fa-sliders"></span> fa-sliders "\f1de"
<span class="fa fa-share-alt"></span> fa-share-alt "\f1e0"
<span class="fa fa-share-alt-square"></span> fa-share-alt-square "\f1e1"
<span class="fa fa-bomb"></span> fa-bomb "\f1e2"
<span class="fa fa-futbol-o"></span> fa-futbol-o "\f1e3"
<span class="fa fa-tty"></span> fa-tty "\f1e4"
<span class="fa fa-binoculars"></span> fa-binoculars "\f1e5"
<span class="fa fa-plug"></span> fa-plug "\f1e6"
<span class="fa fa-slideshare"></span> fa-slideshare "\f1e7"
<span class="fa fa-twitch"></span> fa-twitch "\f1e8"
<span class="fa fa-yelp"></span> fa-yelp "\f1e9"
<span class="fa fa-newspaper-o"></span> fa-newspaper-o "\f1ea"
<span class="fa fa-wifi"></span> fa-wifi "\f1eb"
<span class="fa fa-calculator"></span> fa-calculator "\f1ec"
<span class="fa fa-paypal"></span> fa-paypal "\f1ed"
<span class="fa fa-google-wallet"></span> fa-google-wallet "\f1ee"
<span class="fa fa-cc-visa"></span> fa-cc-visa "\f1f0"
<span class="fa fa-cc-mastercard"></span> fa-cc-mastercard "\f1f1"
<span class="fa fa-cc-discover"></span> fa-cc-discover "\f1f2"
<span class="fa fa-cc-amex"></span> fa-cc-amex "\f1f3"
<span class="fa fa-cc-paypal"></span> fa-cc-paypal "\f1f4"
<span class="fa fa-cc-stripe"></span> fa-cc-stripe "\f1f5"
<span class="fa fa-bell-slash"></span> fa-bell-slash "\f1f6"
<span class="fa fa-bell-slash-o"></span> fa-bell-slash-o "\f1f7"
<span class="fa fa-trash"></span> fa-trash "\f1f8"
<span class="fa fa-copyright"></span> fa-copyright "\f1f9"
<span class="fa fa-at"></span> fa-at "\f1fa"
<span class="fa fa-eyedropper"></span> fa-eyedropper "\f1fb"
<span class="fa fa-paint-brush"></span> fa-paint-brush "\f1fc"
<span class="fa fa-birthday-cake"></span> fa-birthday-cake "\f1fd"
<span class="fa fa-area-chart"></span> fa-area-chart "\f1fe"
<span class="fa fa-pie-chart"></span> fa-pie-chart "\f200"
<span class="fa fa-line-chart"></span> fa-line-chart "\f201"
<span class="fa fa-lastfm"></span> fa-lastfm "\f202"
<span class="fa fa-lastfm-square"></span> fa-lastfm-square "\f203"
<span class="fa fa-toggle-off"></span> fa-toggle-off "\f204"
<span class="fa fa-toggle-on"></span> fa-toggle-on "\f205"
<span class="fa fa-bicycle"></span> fa-bicycle "\f206"
<span class="fa fa-bus"></span> fa-bus "\f207"
<span class="fa fa-ioxhost"></span> fa-ioxhost "\f208"
<span class="fa fa-angellist"></span> fa-angellist "\f209"
<span class="fa fa-cc"></span> fa-cc "\f20a"
<span class="fa fa-ils"></span> fa-ils "\f20b"
<span class="fa fa-meanpath"></span> fa-meanpath "\f20c"
<span class="fa fa-buysellads"></span> fa-buysellads "\f20d"
<span class="fa fa-connectdevelop"></span> fa-connectdevelop "\f20e"
<span class="fa fa-dashcube"></span> fa-dashcube "\f210"
<span class="fa fa-forumbee"></span> fa-forumbee "\f211"
<span class="fa fa-leanpub"></span> fa-leanpub "\f212"
<span class="fa fa-sellsy"></span> fa-sellsy "\f213"
<span class="fa fa-shirtsinbulk"></span> fa-shirtsinbulk "\f214"
<span class="fa fa-simplybuilt"></span> fa-simplybuilt "\f215"
<span class="fa fa-skyatlas"></span> fa-skyatlas "\f216"
<span class="fa fa-cart-plus"></span> fa-cart-plus "\f217"
<span class="fa fa-cart-arrow-down"></span> fa-cart-arrow-down "\f218"
<span class="fa fa-diamond"></span> fa-diamond "\f219"
<span class="fa fa-ship"></span> fa-ship "\f21a"
<span class="fa fa-user-secret"></span> fa-user-secret "\f21b"
<span class="fa fa-motorcycle"></span> fa-motorcycle "\f21c"
<span class="fa fa-street-view"></span> fa-street-view "\f21d"
<span class="fa fa-heartbeat"></span> fa-heartbeat "\f21e"
<span class="fa fa-venus"></span> fa-venus "\f221"
<span class="fa fa-mars"></span> fa-mars "\f222"
<span class="fa fa-mercury"></span> fa-mercury "\f223"
<span class="fa fa-transgender"></span> fa-transgender "\f224"
<span class="fa fa-transgender-alt"></span> fa-transgender-alt "\f225"
<span class="fa fa-venus-double"></span> fa-venus-double "\f226"
<span class="fa fa-mars-double"></span> fa-mars-double "\f227"
<span class="fa fa-venus-mars"></span> fa-venus-mars "\f228"
<span class="fa fa-mars-stroke"></span> fa-mars-stroke "\f229"
<span class="fa fa-mars-stroke-v"></span> fa-mars-stroke-v "\f22a"
<span class="fa fa-mars-stroke-h"></span> fa-mars-stroke-h "\f22b"
<span class="fa fa-neuter"></span> fa-neuter "\f22c"
<span class="fa fa-genderless"></span> fa-genderless "\f22d"
<span class="fa fa-facebook-official"></span> fa-facebook-official "\f230"
<span class="fa fa-pinterest-p"></span> fa-pinterest-p "\f231"
<span class="fa fa-whatsapp"></span> fa-whatsapp "\f232"
<span class="fa fa-server"></span> fa-server "\f233"
<span class="fa fa-user-plus"></span> fa-user-plus "\f234"
<span class="fa fa-user-times"></span> fa-user-times "\f235"
<span class="fa fa-bed"></span> fa-bed "\f236"
<span class="fa fa-viacoin"></span> fa-viacoin "\f237"
<span class="fa fa-train"></span> fa-train "\f238"
<span class="fa fa-subway"></span> fa-subway "\f239"
<span class="fa fa-medium"></span> fa-medium "\f23a"
<span class="fa fa-y-combinator"></span> fa-y-combinator "\f23b"
<span class="fa fa-optin-monster"></span> fa-optin-monster "\f23c"
<span class="fa fa-opencart"></span> fa-opencart "\f23d"
<span class="fa fa-expeditedssl"></span> fa-expeditedssl "\f23e"
<span class="fa fa-battery-full"></span> fa-battery-full "\f240"
<span class="fa fa-battery-three-quarters"></span> fa-battery-three-quarters "\f241"
<span class="fa fa-battery-half"></span> fa-battery-half "\f242"
<span class="fa fa-battery-quarter"></span> fa-battery-quarter "\f243"
<span class="fa fa-battery-empty"></span> fa-battery-empty "\f244"
<span class="fa fa-mouse-pointer"></span> fa-mouse-pointer "\f245"
<span class="fa fa-i-cursor"></span> fa-i-cursor "\f246"
<span class="fa fa-object-group"></span> fa-object-group "\f247"
<span class="fa fa-object-ungroup"></span> fa-object-ungroup "\f248"
<span class="fa fa-sticky-note"></span> fa-sticky-note "\f249"
<span class="fa fa-sticky-note-o"></span> fa-sticky-note-o "\f24a"
<span class="fa fa-cc-jcb"></span> fa-cc-jcb "\f24b"
<span class="fa fa-cc-diners-club"></span> fa-cc-diners-club "\f24c"
<span class="fa fa-clone"></span> fa-clone "\f24d"
<span class="fa fa-balance-scale"></span> fa-balance-scale "\f24e"
<span class="fa fa-hourglass-o"></span> fa-hourglass-o "\f250"
<span class="fa fa-hourglass-start"></span> fa-hourglass-start "\f251"
<span class="fa fa-hourglass-half"></span> fa-hourglass-half "\f252"
<span class="fa fa-hourglass-end"></span> fa-hourglass-end "\f253"
<span class="fa fa-hourglass"></span> fa-hourglass "\f254"
<span class="fa fa-hand-rock-o"></span> fa-hand-rock-o "\f255"
<span class="fa fa-hand-paper-o"></span> fa-hand-paper-o "\f256"
<span class="fa fa-hand-scissors-o"></span> fa-hand-scissors-o "\f257"
<span class="fa fa-hand-lizard-o"></span> fa-hand-lizard-o "\f258"
<span class="fa fa-hand-spock-o"></span> fa-hand-spock-o "\f259"
<span class="fa fa-hand-pointer-o"></span> fa-hand-pointer-o "\f25a"
<span class="fa fa-hand-peace-o"></span> fa-hand-peace-o "\f25b"
<span class="fa fa-trademark"></span> fa-trademark "\f25c"
<span class="fa fa-registered"></span> fa-registered "\f25d"
<span class="fa fa-creative-commons"></span> fa-creative-commons "\f25e"
<span class="fa fa-gg"></span> fa-gg "\f260"
<span class="fa fa-gg-circle"></span> fa-gg-circle "\f261"
<span class="fa fa-tripadvisor"></span> fa-tripadvisor "\f262"
<span class="fa fa-odnoklassniki"></span> fa-odnoklassniki "\f263"
<span class="fa fa-odnoklassniki-square"></span> fa-odnoklassniki-square "\f264"
<span class="fa fa-get-pocket"></span> fa-get-pocket "\f265"
<span class="fa fa-wikipedia-w"></span> fa-wikipedia-w "\f266"
<span class="fa fa-safari"></span> fa-safari "\f267"
<span class="fa fa-chrome"></span> fa-chrome "\f268"
<span class="fa fa-firefox"></span> fa-firefox "\f269"
<span class="fa fa-opera"></span> fa-opera "\f26a"
<span class="fa fa-internet-explorer"></span> fa-internet-explorer "\f26b"
<span class="fa fa-television"></span> fa-television "\f26c"
<span class="fa fa-contao"></span> fa-contao "\f26d"
<span class="fa fa-500px"></span> fa-500px "\f26e"
<span class="fa fa-amazon"></span> fa-amazon "\f270"
<span class="fa fa-calendar-plus-o"></span> fa-calendar-plus-o "\f271"
<span class="fa fa-calendar-minus-o"></span> fa-calendar-minus-o "\f272"
<span class="fa fa-calendar-times-o"></span> fa-calendar-times-o "\f273"
<span class="fa fa-calendar-check-o"></span> fa-calendar-check-o "\f274"
<span class="fa fa-industry"></span> fa-industry "\f275"
<span class="fa fa-map-pin"></span> fa-map-pin "\f276"
<span class="fa fa-map-signs"></span> fa-map-signs "\f277"
<span class="fa fa-map-o"></span> fa-map-o "\f278"
<span class="fa fa-map"></span> fa-map "\f279"
<span class="fa fa-commenting"></span> fa-commenting "\f27a"
<span class="fa fa-commenting-o"></span> fa-commenting-o "\f27b"
<span class="fa fa-houzz"></span> fa-houzz "\f27c"
<span class="fa fa-vimeo"></span> fa-vimeo "\f27d"
<span class="fa fa-black-tie"></span> fa-black-tie "\f27e"
<span class="fa fa-fonticons"></span> fa-fonticons "\f280"

Icone Player SVG

back 0

end fast forw mute pause
play rec repeat shuffle stop
volume+ volume volume b    

This website uses cookies to manage authentication, navigation, and other functions. By using our website, you agree that we can place these types of cookies on your device.

View Privacy Policy

You have declined cookies. This decision can be reversed.

You have allowed cookies to be placed on your computer. This decision can be reversed.