INVERSER
INVERSER
Powerful web-based technologies
Powerful web-based technologies

CSS код и примеры использования этого шрифта-иконок «Font Awesome». Ниже Вы видите сам CSS код и таблицу с примерами классов, содержимого (content:"") и результат.

Узнайте также о CSS3 с примерами.

Шрифты-иконки Font Awesome

@font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.eot');src:url('fontawesome-webfont.eot') format('embedded-opentype'),url('fontawesome-webfont.woff2') format('woff2'),url('fontawesome-webfont.woff') format('woff'),url('fontawesome-webfont.ttf') format('truetype'),url('fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}
[data-icon]:before{font-family:'FontAwesome';content:attr(data-icon);speak:none;}
[class^="fa-"],[class*=" fa-"]{display:inline-block;width:14px;height:14px;margin-right:.25em;line-height:14px;}
dd > span[class^="fa-"] + time,dd > span[class*=" fa-"] + time{margin-left:-0.25em;}
dl.article-info dd.hits span[class^="fa-"],dl.article-info dd.hits span[class*=" fa-"]{margin-right:0;}
[class^="fa-"]:before,[class*=" fa-"]:before{font-family:'FontAwesome';font-style:normal;speak:none;}
[class^="fa-"].disabled,[class*=" fa-"].disabled{font-weight:normal;}

Например, Вы можете доавить эти классы к стилям странице, а потом их легко использовать в HTML конструкциях

.fa-star-o:before{content:"\f006";}

Как использовать шрифты-иконки?

Например, Вы можете использовать импорт CSS кода. Скачайте и разместите у себя на сервере файлы шрифта. Затем подключите их в любой из подключенных к нужной странице CSS файл. Код подключения доступен выше. После этого, Вы сможете писать следующий код, например:

<div class="one"><i class="fa-cloud-download"></i> Скачать файл</div>

Получится:

Скачать файл

Как видите, все очень просто. Именно поэтому мы создали данную страницу, чтобы Вы смогли увидеть сразу CSS код, html код и готовый результат, чтобы не использовать дополнительное ПО. Если Вы не хотите подгружать весь CSS код, то можете использовать лишь импорт шрифта и создавать свои классы.


API:

<link href="https://f.usemind.org/f/1/fas/c.css" rel="stylesheet" />

подключите данный код к странице или сайту и используйте только html-сущности:

<i class="fa-cloud-download"></i>

CSS:

/*4.7.0*/
@font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.eot?v=4.7.0');src:url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

[data-icon]:before{font-family:'FontAwesome';content:attr(data-icon);speak:none;}
[class^="fa-"],[class*=" fa-"]{display:inline-block;width:14px;height:14px;margin-right:.25em;line-height:14px;}
dd > span[class^="fa-"] + time,dd > span[class*=" fa-"] + time{margin-left:-0.25em;}
dl.article-info dd.hits span[class^="fa-"],dl.article-info dd.hits span[class*=" fa-"]{margin-right:0;}
[class^="fa-"]:before,[class*=" fa-"]:before{font-family:'FontAwesome';font-style:normal;speak:none;}
[class^="fa-"].disabled,[class*=" fa-"].disabled{font-weight:normal;}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul > li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right{margin-left:.3em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)}100%{ -webkit-transform:rotate(359deg); transform:rotate(359deg)}}
@keyframes fa-spin{0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)}100%{ -webkit-transform:rotate(359deg); transform:rotate(359deg)}}
.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#ffffff}
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-search:before{content:"\f002"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-clock-o:before{content:"\f017"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-arrows:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,.fa-share:before{content:"\f064"}
.fa-expand:before{content:"\f065"}
.fa-compress:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-comment:before{content:"\f075"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-arrows-v:before{content:"\f07d"}
.fa-arrows-h:before{content:"\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-gears:before,.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"\f08a"}
.fa-sign-out:before{content:"\f08b"}
.fa-linkedin-square:before{content:"\f08c"}
.fa-thumb-tack:before{content:"\f08d"}
.fa-external-link:before{content:"\f08e"}
.fa-sign-in:before{content:"\f090"}
.fa-trophy:before{content:"\f091"}
.fa-github-square:before{content:"\f092"}
.fa-upload:before{content:"\f093"}
.fa-lemon-o:before{content:"\f094"}
.fa-phone:before{content:"\f095"}
.fa-square-o:before{content:"\f096"}
.fa-bookmark-o:before{content:"\f097"}
.fa-phone-square:before{content:"\f098"}
.fa-twitter:before{content:"\f099"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-github:before{content:"\f09b"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.fa-feed:before,.fa-rss:before{content:"\f09e"}
.fa-hdd-o:before{content:"\f0a0"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-bell:before{content:"\f0f3"}
.fa-certificate:before{content:"\f0a3"}
.fa-hand-o-right:before{content:"\f0a4"}
.fa-hand-o-left:before{content:"\f0a5"}
.fa-hand-o-up:before{content:"\f0a6"}
.fa-hand-o-down:before{content:"\f0a7"}
.fa-arrow-circle-left:before{content:"\f0a8"}
.fa-arrow-circle-right:before{content:"\f0a9"}
.fa-arrow-circle-up:before{content:"\f0aa"}
.fa-arrow-circle-down:before{content:"\f0ab"}
.fa-globe:before{content:"\f0ac"}
.fa-wrench:before{content:"\f0ad"}
.fa-tasks:before{content:"\f0ae"}
.fa-filter:before{content:"\f0b0"}
.fa-briefcase:before{content:"\f0b1"}
.fa-arrows-alt:before{content:"\f0b2"}
.fa-group:before,.fa-users:before{content:"\f0c0"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-cloud:before{content:"\f0c2"}
.fa-flask:before{content:"\f0c3"}
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}
.fa-paperclip:before{content:"\f0c6"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}
.fa-list-ul:before{content:"\f0ca"}
.fa-list-ol:before{content:"\f0cb"}
.fa-strikethrough:before{content:"\f0cc"}
.fa-underline:before{content:"\f0cd"}
.fa-table:before{content:"\f0ce"}
.fa-magic:before{content:"\f0d0"}
.fa-truck:before{content:"\f0d1"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-square:before{content:"\f0d3"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-money:before{content:"\f0d6"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-columns:before{content:"\f0db"}
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments-o:before{content:"\f0e6"}
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}
.fa-lightbulb-o:before{content:"\f0eb"}
.fa-exchange:before{content:"\f0ec"}
.fa-cloud-download:before{content:"\f0ed"}
.fa-cloud-upload:before{content:"\f0ee"}
.fa-user-md:before{content:"\f0f0"}
.fa-stethoscope:before{content:"\f0f1"}
.fa-suitcase:before{content:"\f0f2"}
.fa-bell-o:before{content:"\f0a2"}
.fa-coffee:before{content:"\f0f4"}
.fa-cutlery:before{content:"\f0f5"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-building-o:before{content:"\f0f7"}
.fa-hospital-o:before{content:"\f0f8"}
.fa-ambulance:before{content:"\f0f9"}
.fa-medkit:before{content:"\f0fa"}
.fa-fighter-jet:before{content:"\f0fb"}
.fa-beer:before{content:"\f0fc"}
.fa-h-square:before{content:"\f0fd"}
.fa-plus-square:before{content:"\f0fe"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-double-up:before{content:"\f102"}
.fa-angle-double-down:before{content:"\f103"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-desktop:before{content:"\f108"}
.fa-laptop:before{content:"\f109"}
.fa-tablet:before{content:"\f10a"}
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
.fa-circle-o:before{content:"\f10c"}
.fa-quote-left:before{content:"\f10d"}
.fa-quote-right:before{content:"\f10e"}
.fa-spinner:before{content:"\f110"}
.fa-circle:before{content:"\f111"}
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
.fa-github-alt:before{content:"\f113"}
.fa-folder-o:before{content:"\f114"}
.fa-folder-open-o:before{content:"\f115"}
.fa-smile-o:before{content:"\f118"}
.fa-frown-o:before{content:"\f119"}
.fa-meh-o:before{content:"\f11a"}
.fa-gamepad:before{content:"\f11b"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-flag-o:before{content:"\f11d"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-terminal:before{content:"\f120"}
.fa-code:before{content:"\f121"}
.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}
.fa-location-arrow:before{content:"\f124"}
.fa-crop:before{content:"\f125"}
.fa-code-fork:before{content:"\f126"}
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}
.fa-question:before{content:"\f128"}
.fa-info:before{content:"\f129"}
.fa-exclamation:before{content:"\f12a"}
.fa-superscript:before{content:"\f12b"}
.fa-subscript:before{content:"\f12c"}
.fa-eraser:before{content:"\f12d"}
.fa-puzzle-piece:before{content:"\f12e"}
.fa-microphone:before{content:"\f130"}
.fa-microphone-slash:before{content:"\f131"}
.fa-shield:before{content:"\f132"}
.fa-calendar-o:before{content:"\f133"}
.fa-fire-extinguisher:before{content:"\f134"}
.fa-rocket:before{content:"\f135"}
.fa-maxcdn:before{content:"\f136"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-chevron-circle-up:before{content:"\f139"}
.fa-chevron-circle-down:before{content:"\f13a"}
.fa-html5:before{content:"\f13b"}
.fa-css3:before{content:"\f13c"}
.fa-anchor:before{content:"\f13d"}
.fa-unlock-alt:before{content:"\f13e"}
.fa-bullseye:before{content:"\f140"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-ellipsis-v:before{content:"\f142"}
.fa-rss-square:before{content:"\f143"}
.fa-play-circle:before{content:"\f144"}
.fa-ticket:before{content:"\f145"}
.fa-minus-square:before{content:"\f146"}
.fa-minus-square-o:before{content:"\f147"}
.fa-level-up:before{content:"\f148"}
.fa-level-down:before{content:"\f149"}
.fa-check-square:before{content:"\f14a"}
.fa-pencil-square:before{content:"\f14b"}
.fa-external-link-square:before{content:"\f14c"}
.fa-share-square:before{content:"\f14d"}
.fa-compass:before{content:"\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
.fa-euro:before,.fa-eur:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,.fa-usd:before{content:"\f155"}
.fa-rupee:before,.fa-inr:before{content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
.fa-won:before,.fa-krw:before{content:"\f159"}
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}
.fa-file:before{content:"\f15b"}
.fa-file-text:before{content:"\f15c"}
.fa-sort-alpha-asc:before{content:"\f15d"}
.fa-sort-alpha-desc:before{content:"\f15e"}
.fa-sort-amount-asc:before{content:"\f160"}
.fa-sort-amount-desc:before{content:"\f161"}
.fa-sort-numeric-asc:before{content:"\f162"}
.fa-sort-numeric-desc:before{content:"\f163"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
.fa-youtube-square:before{content:"\f166"}
.fa-youtube:before{content:"\f167"}
.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.fa-youtube-play:before{content:"\f16a"}
.fa-dropbox:before{content:"\f16b"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-instagram:before{content:"\f16d"}
.fa-flickr:before{content:"\f16e"}
.fa-adn:before{content:"\f170"}
.fa-bitbucket:before{content:"\f171"}
.fa-bitbucket-square:before{content:"\f172"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-skype:before{content:"\f17e"}
.fa-foursquare:before{content:"\f180"}
.fa-trello:before{content:"\f181"}
.fa-female:before{content:"\f182"}
.fa-male:before{content:"\f183"}
.fa-gittip:before,.fa-gratipay:before{content:"\f184"}
.fa-sun-o:before{content:"\f185"}
.fa-moon-o:before{content:"\f186"}
.fa-archive:before{content:"\f187"}
.fa-bug:before{content:"\f188"}
.fa-vk:before{content:"\f189"}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-pagelines:before{content:"\f18c"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-arrow-circle-o-right:before{content:"\f18e"}
.fa-arrow-circle-o-left:before{content:"\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}
.fa-plus-square-o:before{content:"\f196"}
.fa-space-shuttle:before{content:"\f197"}
.fa-slack:before{content:"\f198"}
.fa-envelope-square:before{content:"\f199"}
.fa-wordpress:before{content:"\f19a"}
.fa-openid:before{content:"\f19b"}
.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}
.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}
.fa-yahoo:before{content:"\f19e"}
.fa-google:before{content:"\f1a0"}
.fa-reddit:before{content:"\f1a1"}
.fa-reddit-square:before{content:"\f1a2"}
.fa-stumbleupon-circle:before{content:"\f1a3"}
.fa-stumbleupon:before{content:"\f1a4"}
.fa-delicious:before{content:"\f1a5"}
.fa-digg:before{content:"\f1a6"}
.fa-pied-piper-pp:before{content:"\f1a7"}
.fa-pied-piper-alt:before{content:"\f1a8"}
.fa-drupal:before{content:"\f1a9"}
.fa-joomla:before{content:"\f1aa"}
.fa-language:before{content:"\f1ab"}
.fa-fax:before{content:"\f1ac"}
.fa-building:before{content:"\f1ad"}
.fa-child:before{content:"\f1ae"}
.fa-paw:before{content:"\f1b0"}
.fa-spoon:before{content:"\f1b1"}
.fa-cube:before{content:"\f1b2"}
.fa-cubes:before{content:"\f1b3"}
.fa-behance:before{content:"\f1b4"}
.fa-behance-square:before{content:"\f1b5"}
.fa-steam:before{content:"\f1b6"}
.fa-steam-square:before{content:"\f1b7"}
.fa-recycle:before{content:"\f1b8"}
.fa-automobile:before,.fa-car:before{content:"\f1b9"}
.fa-cab:before,.fa-taxi:before{content:"\f1ba"}
.fa-tree:before{content:"\f1bb"}
.fa-spotify:before{content:"\f1bc"}
.fa-deviantart:before{content:"\f1bd"}
.fa-soundcloud:before{content:"\f1be"}
.fa-database:before{content:"\f1c0"}
.fa-file-pdf-o:before{content:"\f1c1"}
.fa-file-word-o:before{content:"\f1c2"}
.fa-file-excel-o:before{content:"\f1c3"}
.fa-file-powerpoint-o:before{content:"\f1c4"}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}
.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}
.fa-file-code-o:before{content:"\f1c9"}
.fa-vine:before{content:"\f1ca"}
.fa-codepen:before{content:"\f1cb"}
.fa-jsfiddle:before{content:"\f1cc"}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}
.fa-circle-o-notch:before{content:"\f1ce"}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}
.fa-ge:before,.fa-empire:before{content:"\f1d1"}
.fa-git-square:before{content:"\f1d2"}
.fa-git:before{content:"\f1d3"}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}
.fa-tencent-weibo:before{content:"\f1d5"}
.fa-qq:before{content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}
.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}
.fa-history:before{content:"\f1da"}
.fa-circle-thin:before{content:"\f1db"}
.fa-header:before{content:"\f1dc"}
.fa-paragraph:before{content:"\f1dd"}
.fa-sliders:before{content:"\f1de"}
.fa-share-alt:before{content:"\f1e0"}
.fa-share-alt-square:before{content:"\f1e1"}
.fa-bomb:before{content:"\f1e2"}
.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}
.fa-tty:before{content:"\f1e4"}
.fa-binoculars:before{content:"\f1e5"}
.fa-plug:before{content:"\f1e6"}
.fa-slideshare:before{content:"\f1e7"}
.fa-twitch:before{content:"\f1e8"}
.fa-yelp:before{content:"\f1e9"}
.fa-newspaper-o:before{content:"\f1ea"}
.fa-wifi:before{content:"\f1eb"}
.fa-calculator:before{content:"\f1ec"}
.fa-paypal:before{content:"\f1ed"}
.fa-google-wallet:before{content:"\f1ee"}
.fa-cc-visa:before{content:"\f1f0"}
.fa-cc-mastercard:before{content:"\f1f1"}
.fa-cc-discover:before{content:"\f1f2"}
.fa-cc-amex:before{content:"\f1f3"}
.fa-cc-paypal:before{content:"\f1f4"}
.fa-cc-stripe:before{content:"\f1f5"}
.fa-bell-slash:before{content:"\f1f6"}
.fa-bell-slash-o:before{content:"\f1f7"}
.fa-trash:before{content:"\f1f8"}
.fa-copyright:before{content:"\f1f9"}
.fa-at:before{content:"\f1fa"}
.fa-eyedropper:before{content:"\f1fb"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-birthday-cake:before{content:"\f1fd"}
.fa-area-chart:before{content:"\f1fe"}
.fa-pie-chart:before{content:"\f200"}
.fa-line-chart:before{content:"\f201"}
.fa-lastfm:before{content:"\f202"}
.fa-lastfm-square:before{content:"\f203"}
.fa-toggle-off:before{content:"\f204"}
.fa-toggle-on:before{content:"\f205"}
.fa-bicycle:before{content:"\f206"}
.fa-bus:before{content:"\f207"}
.fa-ioxhost:before{content:"\f208"}
.fa-angellist:before{content:"\f209"}
.fa-cc:before{content:"\f20a"}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}
.fa-meanpath:before{content:"\f20c"}
.fa-buysellads:before{content:"\f20d"}
.fa-connectdevelop:before{content:"\f20e"}
.fa-dashcube:before{content:"\f210"}
.fa-forumbee:before{content:"\f211"}
.fa-leanpub:before{content:"\f212"}
.fa-sellsy:before{content:"\f213"}
.fa-shirtsinbulk:before{content:"\f214"}
.fa-simplybuilt:before{content:"\f215"}
.fa-skyatlas:before{content:"\f216"}
.fa-cart-plus:before{content:"\f217"}
.fa-cart-arrow-down:before{content:"\f218"}
.fa-diamond:before{content:"\f219"}
.fa-ship:before{content:"\f21a"}
.fa-user-secret:before{content:"\f21b"}
.fa-motorcycle:before{content:"\f21c"}
.fa-street-view:before{content:"\f21d"}
.fa-heartbeat:before{content:"\f21e"}
.fa-venus:before{content:"\f221"}
.fa-mars:before{content:"\f222"}
.fa-mercury:before{content:"\f223"}
.fa-intersex:before,.fa-transgender:before{content:"\f224"}
.fa-transgender-alt:before{content:"\f225"}
.fa-venus-double:before{content:"\f226"}
.fa-mars-double:before{content:"\f227"}
.fa-venus-mars:before{content:"\f228"}
.fa-mars-stroke:before{content:"\f229"}
.fa-mars-stroke-v:before{content:"\f22a"}
.fa-mars-stroke-h:before{content:"\f22b"}
.fa-neuter:before{content:"\f22c"}
.fa-genderless:before{content:"\f22d"}
.fa-facebook-official:before{content:"\f230"}
.fa-pinterest-p:before{content:"\f231"}
.fa-whatsapp:before{content:"\f232"}
.fa-server:before{content:"\f233"}
.fa-user-plus:before{content:"\f234"}
.fa-user-times:before{content:"\f235"}
.fa-hotel:before,.fa-bed:before{content:"\f236"}
.fa-viacoin:before{content:"\f237"}
.fa-train:before{content:"\f238"}
.fa-subway:before{content:"\f239"}
.fa-medium:before{content:"\f23a"}
.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}
.fa-optin-monster:before{content:"\f23c"}
.fa-opencart:before{content:"\f23d"}
.fa-expeditedssl:before{content:"\f23e"}
.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}
.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}
.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}
.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}
.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}
.fa-mouse-pointer:before{content:"\f245"}
.fa-i-cursor:before{content:"\f246"}
.fa-object-group:before{content:"\f247"}
.fa-object-ungroup:before{content:"\f248"}
.fa-sticky-note:before{content:"\f249"}
.fa-sticky-note-o:before{content:"\f24a"}
.fa-cc-jcb:before{content:"\f24b"}
.fa-cc-diners-club:before{content:"\f24c"}
.fa-clone:before{content:"\f24d"}
.fa-balance-scale:before{content:"\f24e"}
.fa-hourglass-o:before{content:"\f250"}
.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}
.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}
.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}
.fa-hourglass:before{content:"\f254"}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}
.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}
.fa-hand-scissors-o:before{content:"\f257"}
.fa-hand-lizard-o:before{content:"\f258"}
.fa-hand-spock-o:before{content:"\f259"}
.fa-hand-pointer-o:before{content:"\f25a"}
.fa-hand-peace-o:before{content:"\f25b"}
.fa-trademark:before{content:"\f25c"}
.fa-registered:before{content:"\f25d"}
.fa-creative-commons:before{content:"\f25e"}
.fa-gg:before{content:"\f260"}
.fa-gg-circle:before{content:"\f261"}
.fa-tripadvisor:before{content:"\f262"}
.fa-odnoklassniki:before{content:"\f263"}
.fa-odnoklassniki-square:before{content:"\f264"}
.fa-get-pocket:before{content:"\f265"}
.fa-wikipedia-w:before{content:"\f266"}
.fa-safari:before{content:"\f267"}
.fa-chrome:before{content:"\f268"}
.fa-firefox:before{content:"\f269"}
.fa-opera:before{content:"\f26a"}
.fa-internet-explorer:before{content:"\f26b"}
.fa-tv:before,.fa-television:before{content:"\f26c"}
.fa-contao:before{content:"\f26d"}
.fa-500px:before{content:"\f26e"}
.fa-amazon:before{content:"\f270"}
.fa-calendar-plus-o:before{content:"\f271"}
.fa-calendar-minus-o:before{content:"\f272"}
.fa-calendar-times-o:before{content:"\f273"}
.fa-calendar-check-o:before{content:"\f274"}
.fa-industry:before{content:"\f275"}
.fa-map-pin:before{content:"\f276"}
.fa-map-signs:before{content:"\f277"}
.fa-map-o:before{content:"\f278"}
.fa-map:before{content:"\f279"}
.fa-commenting:before{content:"\f27a"}
.fa-commenting-o:before{content:"\f27b"}
.fa-houzz:before{content:"\f27c"}
.fa-vimeo:before{content:"\f27d"}
.fa-black-tie:before{content:"\f27e"}
.fa-fonticons:before{content:"\f280"}
.fa-reddit-alien:before{content:"\f281"}
.fa-edge:before{content:"\f282"}
.fa-credit-card-alt:before{content:"\f283"}
.fa-codiepie:before{content:"\f284"}
.fa-modx:before{content:"\f285"}
.fa-fort-awesome:before{content:"\f286"}
.fa-usb:before{content:"\f287"}
.fa-product-hunt:before{content:"\f288"}
.fa-mixcloud:before{content:"\f289"}
.fa-scribd:before{content:"\f28a"}
.fa-pause-circle:before{content:"\f28b"}
.fa-pause-circle-o:before{content:"\f28c"}
.fa-stop-circle:before{content:"\f28d"}
.fa-stop-circle-o:before{content:"\f28e"}
.fa-shopping-bag:before{content:"\f290"}
.fa-shopping-basket:before{content:"\f291"}
.fa-hashtag:before{content:"\f292"}
.fa-bluetooth:before{content:"\f293"}
.fa-bluetooth-b:before{content:"\f294"}
.fa-percent:before{content:"\f295"}
.fa-gitlab:before{content:"\f296"}
.fa-wpbeginner:before{content:"\f297"}
.fa-wpforms:before{content:"\f298"}
.fa-envira:before{content:"\f299"}
.fa-universal-access:before{content:"\f29a"}
.fa-wheelchair-alt:before{content:"\f29b"}
.fa-question-circle-o:before{content:"\f29c"}
.fa-blind:before{content:"\f29d"}
.fa-audio-description:before{content:"\f29e"}
.fa-volume-control-phone:before{content:"\f2a0"}
.fa-braille:before{content:"\f2a1"}
.fa-assistive-listening-systems:before{content:"\f2a2"}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}
.fa-glide:before{content:"\f2a5"}
.fa-glide-g:before{content:"\f2a6"}
.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}
.fa-low-vision:before{content:"\f2a8"}
.fa-viadeo:before{content:"\f2a9"}
.fa-viadeo-square:before{content:"\f2aa"}
.fa-snapchat:before{content:"\f2ab"}
.fa-snapchat-ghost:before{content:"\f2ac"}
.fa-snapchat-square:before{content:"\f2ad"}
.fa-pied-piper:before{content:"\f2ae"}
.fa-first-order:before{content:"\f2b0"}
.fa-yoast:before{content:"\f2b1"}
.fa-themeisle:before{content:"\f2b2"}
.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}
.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}
.fa-handshake-o:before{content:"\f2b5"}
.fa-envelope-open:before{content:"\f2b6"}
.fa-envelope-open-o:before{content:"\f2b7"}
.fa-linode:before{content:"\f2b8"}
.fa-address-book:before{content:"\f2b9"}
.fa-address-book-o:before{content:"\f2ba"}
.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}
.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}
.fa-user-circle:before{content:"\f2bd"}
.fa-user-circle-o:before{content:"\f2be"}
.fa-user-o:before{content:"\f2c0"}
.fa-id-badge:before{content:"\f2c1"}
.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}
.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}
.fa-quora:before{content:"\f2c4"}
.fa-free-code-camp:before{content:"\f2c5"}
.fa-telegram:before{content:"\f2c6"}
.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}
.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}
.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}
.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}
.fa-shower:before{content:"\f2cc"}
.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}
.fa-podcast:before{content:"\f2ce"}
.fa-window-maximize:before{content:"\f2d0"}
.fa-window-minimize:before{content:"\f2d1"}
.fa-window-restore:before{content:"\f2d2"}
.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}
.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}
.fa-bandcamp:before{content:"\f2d5"}
.fa-grav:before{content:"\f2d6"}
.fa-etsy:before{content:"\f2d7"}
.fa-imdb:before{content:"\f2d8"}
.fa-ravelry:before{content:"\f2d9"}
.fa-eercast:before{content:"\f2da"}
.fa-microchip:before{content:"\f2db"}
.fa-snowflake-o:before{content:"\f2dc"}
.fa-superpowers:before{content:"\f2dd"}
.fa-wpexplorer:before{content:"\f2de"}
.fa-meetup:before{content:"\f2e0"}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

HTML-сущности, код символа и результат:

Управление размером шрифта:

font-size:10px
font-size:12px
font-size:18px
font-size:24px
font-size:32px
font-size:42px
font-size:56px
font-size:76px
font-size:92px
ClassContentРезультат
fa-glass\f000
fa-music\f001
fa-search\f002
fa-envelope-o\f003
fa-heart\f004
fa-star\f005
fa-star-o\f006
fa-user\f007
fa-film\f008
fa-th-large\f009
fa-th\f00a
fa-th-list\f00b
fa-check\f00c
fa-remove,fa-close,fa-times\f00d
fa-search-plus\f00e
fa-search-minus\f010
fa-power-off\f011
fa-signal\f012
fa-gear,fa-cog\f013
fa-trash-o\f014
fa-home\f015
fa-file-o\f016
fa-clock-o\f017
fa-road\f018
fa-download\f019
fa-arrow-circle-o-down\f01a
fa-arrow-circle-o-up\f01b
fa-inbox\f01c
fa-play-circle-o\f01d
fa-rotate-right,fa-repeat\f01e
fa-refresh\f021
fa-list-alt\f022
fa-lock\f023
fa-flag\f024
fa-headphones\f025
fa-volume-off\f026
fa-volume-down\f027
fa-volume-up\f028
fa-qrcode\f029
fa-barcode\f02a
fa-tag\f02b
fa-tags\f02c
fa-book\f02d
fa-bookmark\f02e
fa-print\f02f
fa-camera\f030
fa-font\f031
fa-bold\f032
fa-italic\f033
fa-text-height\f034
fa-text-width\f035
fa-align-left\f036
fa-align-center\f037
fa-align-right\f038
fa-align-justify\f039
fa-list\f03a
fa-dedent,fa-outdent\f03b
fa-indent\f03c
fa-video-camera\f03d
fa-photo,fa-image,fa-picture-o\f03e
fa-pencil\f040
fa-map-marker\f041
fa-adjust\f042
ClassContentРезультат
fa-tint\f043
fa-edit,fa-pencil-square-o\f044
fa-share-square-o\f045
fa-check-square-o\f046
fa-arrows\f047
fa-step-backward\f048
fa-fast-backward\f049
fa-backward\f04a
fa-play\f04b
fa-pause\f04c
fa-stop\f04d
fa-forward\f04e
fa-fast-forward\f050
fa-step-forward\f051
fa-eject\f052
fa-chevron-left\f053
fa-chevron-right\f054
fa-plus-circle\f055
fa-minus-circle\f056
fa-times-circle\f057
fa-check-circle\f058
fa-question-circle\f059
fa-info-circle\f05a
fa-crosshairs\f05b
fa-times-circle-o\f05c
fa-check-circle-o\f05d
fa-ban\f05e
fa-arrow-left\f060
fa-arrow-right\f061
fa-arrow-up\f062
fa-arrow-down\f063
fa-mail-forward,fa-share\f064
fa-expand\f065
fa-compress\f066
fa-plus\f067
fa-minus\f068
fa-asterisk\f069
fa-exclamation-circle\f06a
fa-gift\f06b
fa-leaf\f06c
fa-fire\f06d
fa-eye\f06e
fa-warning,fa-exclamation-triangle\f071
fa-plane\f072
fa-calendar\f073
fa-random\f074
fa-comment\f075
fa-magnet\f076
fa-chevron-up\f077
fa-chevron-down\f078
fa-retweet\f079
fa-shopping-cart\f07a
fa-folder\f07b
fa-folder-open\f07c
fa-arrows-v\f07d
fa-arrows-h\f07e
fa-bar-chart-o,fa-bar-chart\f080
fa-twitter-square\f081
fa-facebook-square\f082
fa-camera-retro\f083
fa-key\f084
fa-gears,fa-cogs\f085
fa-comments\f086
fa-thumbs-o-up\f087
fa-thumbs-o-down\f088
fa-star-half\f089
fa-heart-o\f08a
fa-sign-out\f08b
fa-linkedin-square\f08c
fa-thumb-tack\f08d
fa-external-link\f08e
fa-sign-in\f090
fa-trophy\f091
fa-github-square\f092
fa-upload\f093
fa-lemon-o\f094
fa-phone\f095
fa-square-o\f096
fa-bookmark-o\f097
fa-phone-square\f098
fa-twitter\f099
fa-facebook-f,fa-facebook\f09a
fa-github\f09b
fa-unlock\f09c
fa-credit-card\f09d
fa-feed,fa-rss\f09e
fa-hdd-o\f0a0
fa-bullhorn\f0a1
fa-bell\f0a2
fa-certificate\f0a3
fa-hand-o-right\f0a4
fa-hand-o-left\f0a5
fa-hand-o-up\f0a6
fa-hand-o-down\f0a7
fa-arrow-circle-left\f0a8
fa-arrow-circle-right\f0a9
fa-arrow-circle-up\f0aa
fa-arrow-circle-down\f0ab
fa-globe\f0ac
fa-wrench\f0ad
fa-tasks\f0ae
fa-filter\f0b0
fa-briefcase\f0b1
fa-arrows-alt\f0b2
fa-group,fa-users\f0c0
fa-chain,fa-link\f0c1
fa-cloud\f0c2
fa-flask\f0c3
fa-cut,fa-scissors\f0c4
fa-copy,fa-files-o\f0c5
fa-paperclip\f0c6
fa-save,fa-floppy-o\f0c7
fa-square\f0c8
fa-navicon,fa-reorder,fa-bars\f0c9
fa-list-ul\f0ca
fa-list-ol\f0cb
fa-strikethrough\f0cc
fa-underline\f0cd
fa-table\f0ce
fa-magic\f0d0
fa-truck\f0d1
fa-pinterest\f0d2
fa-pinterest-square\f0d3
fa-google-plus-square\f0d4
fa-google-plus\f0d5
fa-money\f0d6
fa-caret-down\f0d7
fa-caret-up\f0d8
fa-caret-left\f0d9
fa-caret-right\f0da
fa-columns\f0db
fa-unsorted,fa-sort\f0dc
fa-sort-down,fa-sort-desc\f0dd
fa-sort-up,fa-sort-asc\f0de
fa-envelope\f0e0
fa-linkedin\f0e1
fa-rotate-left,fa-undo\f0e2
fa-legal,fa-gavel\f0e3
fa-dashboard,fa-tachometer\f0e4
fa-comment-o\f0e5
fa-comments-o\f0e6
fa-flash,fa-bolt\f0e7
fa-sitemap\f0e8
fa-umbrella\f0e9
fa-paste,fa-clipboard\f0ea
fa-lightbulb-o\f0eb
fa-exchange\f0ec
fa-cloud-download\f0ed
fa-cloud-upload\f0ee
fa-user-md\f0f0
fa-stethoscope\f0f1
fa-suitcase\f0f2
fa-bell-o\f0f3
fa-coffee\f0f4
fa-cutlery\f0f5
fa-file-text-o\f0f6
fa-building-o\f0f7
fa-hospital-o\f0f8
fa-ambulance\f0f9
fa-medkit\f0fa
fa-fighter-jet\f0fb
fa-beer\f0fc
fa-h-square\f0fd
fa-plus-square\f0fe
fa-angle-double-left\f100
fa-angle-double-right\f101
fa-angle-double-up\f102
fa-angle-double-down\f103
fa-angle-left\f104
fa-angle-right\f105
fa-angle-up\f106
fa-angle-down\f107
fa-desktop\f108
fa-laptop\f109
fa-tablet\f10a
fa-mobile-phone,fa-mobile\f10b
fa-circle-o\f10c
fa-quote-left\f10d
fa-quote-right\f10e
fa-spinner\f110
fa-circle\f111
fa-mail-reply,fa-reply\f112
fa-github-alt\f113
fa-folder-o\f114
fa-folder-open-o\f115
fa-smile-o\f118
fa-frown-o\f119
fa-meh-o\f11a
fa-gamepad\f11b
fa-keyboard-o\f11c
fa-flag-o\f11d
fa-flag-checkered\f11e
fa-terminal\f120
fa-code\f121
fa-mail-reply-all,fa-reply-all\f122
fa-star-half-empty,fa-star-half-full,fa-star-half-o\f123
fa-location-arrow\f124
fa-crop\f125
fa-code-fork\f126
fa-unlink,fa-chain-broken\f127
fa-question\f128
fa-info\f129
fa-exclamation\f12a
fa-superscript\f12b
fa-subscript\f12c
fa-eraser\f12d
fa-puzzle-piece\f12e
fa-microphone\f130
fa-microphone-slash\f131
fa-shield\f132
fa-calendar-o\f133
fa-fire-extinguisher\f134
fa-rocket\f135
fa-maxcdn\f136
fa-chevron-circle-left\f137
fa-chevron-circle-right\f138
fa-chevron-circle-up\f139
fa-chevron-circle-down\f13a
fa-html5\f13b
fa-css3\f13c
fa-anchor\f13d
fa-unlock-alt\f13e
fa-bullseye\f140
fa-ellipsis-h\f141
fa-ellipsis-v\f142
fa-rss-square\f143
fa-play-circle\f144
fa-ticket\f145
fa-minus-square\f146
fa-minus-square-o\f147
fa-level-up\f148
fa-level-down\f149
fa-check-square\f14a
fa-pencil-square\f14b
fa-external-link-square\f14c
fa-share-square\f14d
fa-compass\f14e
fa-caret-square-o-down\f150
fa-toggle-up,fa-caret-square-o-up\f151
fa-toggle-right,fa-caret-square-o-right\f152
fa-euro,fa-eur\f153
fa-gbp\f154
fa-dollar,fa-usd\f155
fa-rupee,fa-inr\f156
fa-cny,fa-rmb,fa-yen,fa-jpy\f157
fa-ruble,fa-rouble,fa-rub\f158
fa-won,fa-krw\f159
fa-bitcoin,fa-btc\f15a
fa-file\f15b
fa-file-text\f15c
fa-sort-alpha-asc\f15d
fa-sort-alpha-desc\f15e
fa-sort-amount-asc\f160
fa-sort-amount-desc\f161
fa-sort-numeric-asc\f162
fa-sort-numeric-desc\f163
fa-thumbs-up\f164
fa-thumbs-down\f165
fa-youtube-square\f166
fa-youtube\f167
fa-xing\f168
fa-xing-square\f169
fa-youtube-play\f16a
fa-dropbox\f16b
fa-stack-overflow\f16c
fa-instagram\f16d
fa-flickr\f16e
fa-adn\f170
fa-bitbucket\f171
fa-bitbucket-square\f172
fa-tumblr\f173
fa-tumblr-square\f174
fa-long-arrow-down\f175
fa-long-arrow-up\f176
fa-long-arrow-left\f177
fa-long-arrow-right\f178
fa-apple\f179
fa-windows\f17a
fa-android\f17b
fa-linux\f17c
fa-dribbble\f17d
fa-skype\f17e
fa-foursquare\f180
fa-trello\f181
fa-female\f182
fa-male\f183
fa-gittip,fa-gratipay\f184
fa-sun-o\f185
fa-moon-o\f186
fa-archive\f187
fa-bug\f188
fa-vk\f189
fa-weibo\f18a
fa-renren\f18b
fa-pagelines\f18c
fa-stack-exchange\f18d
fa-arrow-circle-o-right\f18e
fa-arrow-circle-o-left\f190
fa-toggle-left,fa-caret-square-o-left\f191
fa-dot-circle-o\f192
fa-wheelchair\f193
fa-vimeo-square\f194
fa-turkish-lira,fa-try\f195
fa-plus-square-o\f196
fa-space-shuttle\f197
fa-slack\f198
fa-envelope-square\f199
fa-wordpress\f19a
fa-openid\f19b
fa-institution,fa-bank,fa-university\f19c
fa-mortar-board,fa-graduation-cap\f19d
fa-yahoo\f19e
fa-google\f1a0
fa-reddit\f1a1
fa-reddit-square\f1a2
fa-stumbleupon-circle\f1a3
fa-stumbleupon\f1a4
fa-delicious\f1a5
fa-digg\f1a6
fa-pied-piper-pp\f1a7
fa-pied-piper-alt\f1a8
fa-drupal\f1a9
fa-joomla\f1aa
fa-language\f1ab
fa-fax\f1ac
fa-building\f1ad
fa-child\f1ae
fa-paw\f1b0
fa-spoon\f1b1
fa-cube\f1b2
fa-cubes\f1b3
fa-behance\f1b4
fa-behance-square\f1b5
fa-steam\f1b6
fa-steam-square\f1b7
fa-recycle\f1b8
fa-automobile,fa-car\f1b9
fa-cab,fa-taxi\f1ba
fa-tree\f1bb
fa-spotify\f1bc
fa-deviantart\f1bd
fa-soundcloud\f1be
fa-database\f1c0
fa-file-pdf-o\f1c1
fa-file-word-o\f1c2
fa-file-excel-o\f1c3
fa-file-powerpoint-o\f1c4
fa-file-photo-o,fa-file-picture-o,fa-file-image-o\f1c5
fa-file-zip-o,fa-file-archive-o\f1c6
fa-file-sound-o,fa-file-audio-o\f1c7
fa-file-movie-o,fa-file-video-o\f1c8
fa-file-code-o\f1c9
fa-vine\f1ca
fa-codepen\f1cb
fa-jsfiddle\f1cc
fa-life-bouy,fa-life-buoy,fa-life-saver,fa-support,fa-life-ring\f1cd
fa-circle-o-notch\f1ce
fa-ra,fa-resistance,fa-rebel\f1d0
fa-ge,fa-empire\f1d1
fa-git-square\f1d2
fa-git\f1d3
fa-y-combinator-square,fa-yc-square,fa-hacker-news\f1d4
fa-tencent-weibo\f1d5
fa-qq\f1d6
fa-wechat,fa-weixin\f1d7
fa-send,fa-paper-plane\f1d8
fa-send-o,fa-paper-plane-o\f1d9
fa-history\f1da
fa-circle-thin\f1db
fa-header\f1dc
fa-paragraph\f1dd
fa-sliders\f1de
fa-share-alt\f1e0
fa-share-alt-square\f1e1
fa-bomb\f1e2
fa-soccer-ball-o,fa-futbol-o\f1e3
fa-tty\f1e4
fa-binoculars\f1e5
fa-plug\f1e6
fa-slideshare\f1e7
fa-twitch\f1e8
fa-yelp\f1e9
fa-newspaper-o\f1ea
fa-wifi\f1eb
fa-calculator\f1ec
fa-paypal\f1ed
fa-google-wallet\f1ee
fa-cc-visa\f1f0
fa-cc-mastercard\f1f1
fa-cc-discover\f1f2
fa-cc-amex\f1f3
fa-cc-paypal\f1f4
fa-cc-stripe\f1f5
fa-bell-slash\f1f6
fa-bell-slash-o\f1f7
fa-trash\f1f8
fa-copyright\f1f9
fa-at\f1fa
fa-eyedropper\f1fb
fa-paint-brush\f1fc
fa-birthday-cake\f1fd
fa-area-chart\f1fe
fa-pie-chart\f200
fa-line-chart\f201
fa-lastfm\f202
fa-lastfm-square\f203
fa-toggle-off\f204
fa-toggle-on\f205
fa-bicycle\f206
fa-bus\f207
fa-ioxhost\f208
fa-angellist\f209
fa-cc\f20a
fa-shekel,fa-sheqel,fa-ils\f20b
fa-meanpath\f20c
fa-buysellads\f20d
fa-connectdevelop\f20e
fa-dashcube\f210
fa-forumbee\f211
fa-leanpub\f212
fa-sellsy\f213
fa-shirtsinbulk\f214
fa-simplybuilt\f215
fa-skyatlas\f216
fa-cart-plus\f217
fa-cart-arrow-down\f218
fa-diamond\f219
fa-ship\f21a
fa-user-secret\f21b
fa-motorcycle\f21c
fa-street-view\f21d
fa-heartbeat\f21e
fa-venus\f221
fa-mars\f222
fa-venus-mars\f228
fa-mars-stroke\f229
fa-mars-stroke-v\f22a
fa-mars-stroke-h\f22b
fa-neuter\f22c
fa-genderless\f22d
fa-facebook-official\f230
fa-pinterest-p\f231
fa-whatsapp\f232
fa-server\f233
fa-user-plus\f234
fa-user-times\f235
fa-hotel,fa-bed\f236
fa-viacoin\f237
fa-train\f238
fa-subway\f239
fa-medium\f23a
fa-yc,fa-y-combinator\f23b
fa-optin-monster\f23c
fa-opencart\f23d
fa-expeditedssl\f23e
fa-battery-4,fa-battery-full\f240
fa-battery-3,fa-battery-three-quarters\f241
fa-battery-2,fa-battery-half\f242
fa-battery-1,fa-battery-quarter\f243
fa-battery-0,fa-battery-empty\f244
fa-mouse-pointer\f245
fa-i-cursor\f246
fa-object-group\f247
fa-object-ungroup\f248
fa-sticky-note\f249
fa-sticky-note-o\f24a
fa-cc-jcb\f24b
fa-cc-diners-club\f24c
fa-clone\f24d
fa-balance-scale\f24e
fa-hourglass-o\f250
fa-hourglass-1,fa-hourglass-start\f251
fa-hourglass-2,fa-hourglass-half\f252
fa-hourglass-3,fa-hourglass-end\f253
fa-hourglass\f254
fa-hand-grab-o,fa-hand-rock-o\f255
fa-hand-stop-o,fa-hand-paper-o\f256
fa-hand-scissors-o\f257
fa-hand-lizard-o\f258
fa-hand-spock-o\f259
fa-hand-pointer-o\f25a
fa-hand-peace-o\f25b
fa-trademark\f25c
fa-registered\f25d
fa-creative-commons\f25e
fa-gg\f260
fa-gg-circle\f261
fa-tripadvisor\f262
fa-odnoklassniki\f263
fa-odnoklassniki-square\f264
fa-get-pocket\f265
fa-wikipedia-w\f266
fa-safari\f267
fa-chrome\f268
fa-firefox\f269
fa-opera\f26a
fa-internet-explorer\f26b
fa-tv,fa-television\f26c
fa-contao\f26d
fa-500px\f26e
fa-amazon\f270
fa-calendar-plus-o\f271
fa-calendar-minus-o\f272
fa-calendar-times-o\f273
fa-calendar-check-o\f274
fa-industry\f275
fa-map-pin\f276
fa-map-signs\f277
fa-map-o\f278
fa-map\f279
fa-commenting\f27a
fa-commenting-o\f27b
fa-houzz\f27c
fa-vimeo\f27d
fa-black-tie\f27e
fa-fonticons\f280
fa-reddit-alien\f281
fa-edge\f282
fa-credit-card-alt\f283
fa-codiepie\f284
fa-modx\f285
fa-fort-awesome\f286
fa-usb\f287
fa-product-hunt\f288
fa-mixcloud\f289
fa-scribd\f28a
fa-pause-circle\f28b
fa-pause-circle-o\f28c
fa-stop-circle\f28d
fa-stop-circle-o\f28e
fa-shopping-bag\f290
fa-shopping-basket\f291
fa-hashtag\f292
fa-bluetooth\f293
fa-bluetooth-b\f294
fa-percent\f295
fa-gitlab\f296
fa-wpbeginner\f297
fa-wpforms\f298
fa-envira\f299
fa-universal-access\f29a
fa-wheelchair-alt\f29b
fa-question-circle-o\f29c
fa-blind\f29d
fa-audio-description\f29e
fa-volume-control-phone\f2a0
fa-braille\f2a1
fa-assistive-listening-systems\f2a2
fa-asl-interpreting,fa-american-sign-language-interpreting\f2a3
fa-deafness,fa-hard-of-hearing,fa-deaf\f2a4
fa-glide\f2a5
fa-glide-g\f2a6
fa-signing,fa-sign-language\f2a7
fa-low-vision\f2a8
fa-viadeo\f2a9
fa-viadeo-square\f2aa
fa-snapchat\f2ab
fa-snapchat-ghost\f2ac
fa-snapchat-square\f2ad
fa-pied-piper\f2ae
fa-first-order\f2b0
fa-yoast\f2b1
fa-themeisle\f2b2
fa-google-plus-circle,fa-google-plus-official\f2b3
fa-fa,fa-font-awesome\f2b4
Новые иконки (v4.7.0):
fa-handshake-o\f2b5
fa-envelope-open\f2b6
fa-envelope-open-o\f2b7
fa-linode\f2b8
fa-address-book\f2b9
fa-address-book-o\f2ba
fa-vcard,.fa-address-card\f2bb
fa-vcard-o,.fa-address-card-o\f2bc
fa-user-circle\f2bd
fa-user-circle-o\f2be
fa-user-o\f2c0
fa-id-badge\f2c1
fa-drivers-license,fa-id-card\f2c2
fa-drivers-license-o,fa-id-card-o\f2c3
fa-quora\f2c4
fa-free-code-camp\f2c5
fa-telegram\f2c6
fa-thermometer-4,fa-thermometer,fa-thermometer-full\f2c7
fa-thermometer-3,fa-thermometer-three-quarters\f2c8
fa-thermometer-2,fa-thermometer-half\f2c9
fa-thermometer-1,fa-thermometer-quarter\f2ca
fa-thermometer-0,fa-thermometer-empty\f2cb
fa-shower\f2cc
fa-bathtub,fa-s15,fa-bath\f2cd
fa-podcast\f2ce
fa-window-maximize\f2d0
fa-window-minimize\f2d1
fa-window-restore\f2d2
fa-times-rectangle,fa-window-close\f2d3
fa-times-rectangle-o,fa-window-close-o\f2d4
fa-bandcamp\f2d5
fa-grav\f2d6
fa-etsy\f2d7
fa-imdb\f2d8
fa-ravelry\f2d9
fa-eercast\f2da
fa-microchip\f2db
fa-snowflake-o\f2dc
fa-superpowers\f2dd
fa-wpexplorer\f2de
fa-meetup\f2e0
Официальный сайт
Font Awesome

Файлы Font Awesome:

Скачать Font Awesome v4.7.0
Скачать Font Awesome v4.6.3
Скачать программу для просмотра шрифтов [пароль 1234]

Добавить отзыв

INVERSER 2017-06-03 22:45:03
Артем, в след. раз обратите внимание на нижний левый угол окна интернет-обозревателя.
Артем 2017-06-03 19:20:25
Здравсвтуйте. Тема конечно же позновательная. Но можете убрать на заднем фоне фигуры они сильно отвлекают и раздражают
Михаил 2017-03-19 21:47:31
Мощный шрифтец. Благо дарю за визуализацию. Все более чем удобно. Особенно порадовала функция изменения размера шрифта.