Шрифт Awesome — это коллекция масштабируемых векторных иконок

Коллекция Font Awesome 4.5.0, классы и css-код для вставки с помощью свойства content

3.1. Иконки для веб-приложений

fa-adjust\f042
fa-anchor\f13d
fa-archive\f187
fa-arrows\f047
fa-asterisk\f069
fa-at\f1fa
fa-balance-scale\f24e
fa-ban\f05e
fa-bank\f19c
fa-barcode\f02a
fa-battery-empty\f244
fa-battery-half\f242
fa-battery-quarter\f243
fa-battery-three-quarters\f241
fa-battery-full\f240
fa-bed\f236
fa-beer\f0fc
fa-bell\f0f3
fa-bell-o\f0a2
fa-bell-slash\f1f6
       

fa-bell-slash-o\f1f7
fa-binoculars\f1e5
fa-birthday-cake\f1fd
fa-bolt\f0e7
fa-bomb\f1e2
fa-book\f02d
fa-bookmark\f02e
fa-bookmark-o\f097
fa-briefcase\f0b1
fa-bug\f188
fa-building\f1ad
fa-building-o\f0f7
fa-bullhorn\f0a1
fa-bullseye\f140
fa-calculator\f1ec
fa-calendar\f073
fa-calendar-check-o\f274
fa-calendar-minus-o\f272
fa-calendar-o\f133
fa-calendar-plus-o\f271
fa-calendar-times-o\f273
fa-cart-plus\f217
fa-cc\f20a
fa-certificate\f0a3
fa-clock-o\f017
fa-clone \f24d
fa-close\f00d
fa-cloud\f0c2
fa-cloud-download\f0ed
fa-cloud-upload\f0ee
fa-code\f121
fa-code-fork\f126
fa-coffee\f0f4
fa-comment\f075
fa-comment-o\f0e5
fa-commenting\f27a
fa-commenting-o\f27b
fa-comments\f086
fa-comments-o\f0e6
fa-compass\f14e
fa-copyright\f1f9
fa-creative-commons\f25e
fa-crop\f125
fa-crosshairs\f05b
fa-cube\f1b2
fa-cubes\f1b3
fa-cutlery\f0f5
fa-dashboard\f0e4
fa-database\f1c0
fa-desktop\f108
fa-diamond\f219
fa-download\f019
fa-edit\f044
fa-ellipsis-h\f141
fa-ellipsis-v\f142
fa-envelope\f0e0
fa-envelope-o\f003
fa-envelope-square\f199
fa-exclamation\f12a
fa-exclamation-circle\f06a
fa-exclamation-triangle\f071
fa-external-link\f08e
fa-external-link-square\f14c
fa-eye\f06e
fa-eye-slash\f070
fa-eyedropper\f1fb
fa-fax\f1ac
fa-film\f008
fa-filter\f0b0
fa-fire\f06d
fa-fire-extinguisher\f134
fa-flag\f024
fa-flag-checkered\f11e
fa-flag-o\f11d
fa-flash\f0e7
fa-flask\f0c3
fa-frown-o\f119
fa-futbol-o\f1e3
fa-gear\f013
fa-gears\f085
fa-gift\f06b
fa-glass\f000
fa-globe\f0ac
fa-graduation-cap\f19d
fa-group\f0c0
fa-hashtag\f292
fa-heart\f004
fa-heart-o\f08a
fa-heartbeat\f21e
fa-h-square\f0fd
fa-history\f1da
fa-home\f015
fa-hospital-o\f0f8
fa-hourglass\f254
fa-hourglass-start\f251
fa-hourglass-half\f252
fa-hourglass-end\f253
fa-hourglass-o\f250
fa-i-cursor\f246
fa-inbox\f01c
fa-industry\f275
fa-info\f129
fa-info-circle\f05a
fa-key\f084
fa-language\f1ab
fa-leaf\f06c
fa-legal\f0e3
fa-lemon-o\f094
fa-lightbulb-o\f0eb
fa-location-arrow\f124
fa-lock\f023
fa-magic\f0d0
fa-magnet\f076
fa-map\f279
fa-map-marker\f041
fa-map-o\f278
fa-map-pin\f276
fa-map-signs\f277
fa-medkit\f0fa
fa-meh-o\f11a
fa-microphone\f130
fa-microphone-slash\f131
fa-moon-o\f186
fa-mouse-pointer\f245
fa-music\f001
fa-navicon\f0c9
fa-newspaper-o\f1ea
fa-object-group\f247
fa-object-ungroup\f248
fa-paint-brush\f1fc
fa-paper-plane\f1d8
fa-paper-plane-o\f1d9
fa-paw\f1b0
fa-pencil\f040
fa-pencil-square\f14b
fa-pencil-square-o\f044
fa-percent\f295
fa-phone\f095
fa-phone-square\f098
fa-plug\f1e6
fa-power-off\xf011
fa-print\f02f
fa-puzzle-piece\f12e
fa-qrcode\f029
fa-question\f128
fa-question-circle\f059
fa-quote-left\f10d
fa-quote-right\f10e
fa-recycle\f1b8
fa-refresh\f021
fa-registered\f25d
fa-reply\f112
fa-reply-all\f122
fa-retweet\f079
fa-road\f018
fa-rss\f09e
fa-rss-square\f143
fa-search\f002
fa-search-minus\f010
fa-search-plus\f00e
fa-send\f1d8
fa-send-o\f1d9
fa-server\f233
fa-share\f064
fa-share-square\f14d
fa-share-square-o\f045
fa-shield\f132
fa-shopping-bag\f290
fa-shopping-basket\f291
fa-shopping-cart\f07a
fa-sign-in\f090
fa-sign-out\f08b
fa-signal\f012
fa-sitemap\f0e8
fa-sliders\xf1de
fa-smile-o\xf118
fa-soccer-ball-o\f1e3
fa-sort\f0dc
fa-sort-alpha-asc\f15d
fa-sort-alpha-desc\f15e
fa-sort-amount-asc\f160
fa-sort-amount-desc\f161
fa-sort-asc\f0de
fa-sort-desc\f0dd
fa-sort-numeric-asc\f162
fa-sort-numeric-desc\f163
fa-spoon\f1b1
fa-star\f005
fa-star-half\f089
fa-star-half-o\f123
fa-star-o\f006
fa-street-view\f21d
fa-suitcase\f0f2
fa-sun-o\f185
fa-support\f1cd
fa-tachometer\f0e4
fa-tag\f02b
fa-tags\f02c
fa-tasks\f0ae
fa-terminal\f120
fa-thumb-tack\f08d
fa-ticket\f145
fa-tint\f043
fa-trademark\f25c
fa-trash\f1f8
fa-trash-o\f014
fa-tree\f1bb
fa-trophy\f091
fa-tty\f1e4
fa-umbrella\f0e9
fa-unlock\f09c
fa-unlock-alt\f13e
fa-unsorted\f0dc
fa-upload\f093
fa-user\f007
fa-user-plus\xf234
fa-user-secret\f21b
fa-user-times\f235
fa-user-md\f0f0
fa-volume-down\f027
fa-volume-off\f026
fa-volume-up\f028
fa-warning\f071
fa-wifi\f1eb
fa-wrench\f0ad

3.2. Иконки гаджетов

fa-mobile\f10b
fa-tablet\f10a
fa-television\f26c
fa-video-camera\f03d
fa-camera\f030
fa-camera-retro\f083
fa-hdd-o\f0a0
fa-headphones\f025
fa-laptop\f109
fa-gamepad\f11b
fa-keyboard-o\f11c

3.3. Иконки рука

fa-hand-grab-o\f255
fa-hand-lizard-o\f258
fa-hand-paper-o\f256
fa-hand-peace-o\f25b
fa-hand-pointer-o\f25a
fa-hand-scissors-o\f257
fa-hand-spock-o\xf259
fa-hand-o-down\f0a7
fa-hand-o-left\f0a5
fa-hand-o-right\f0a4
fa-hand-o-up\f0a6
fa-thumbs-down\f165
fa-thumbs-o-down\f088
fa-thumbs-o-up\f087
fa-thumbs-up\f164

3.4. Иконки транспорт

fa-ambulance\f0f9
fa-bicycle\f206
fa-bus\f207
fa-car\f1b9
fa-fighter-jet\f0fb
fa-motorcycle\f21c
fa-plane\f072
fa-rocket\f135
fa-ship\f21a
fa-space-shuttle\f197
fa-subway\f239
fa-taxi\f1ba
fa-train\f238
fa-truck\f0d1
fa-wheelchair\f193

3.5. Гендерные иконки

fa-child\f1ae
fa-female\f182
fa-male\f183
fa-genderless\f1db
fa-transgender\f224
fa-transgender-alt\f225
fa-mars\f222
fa-mars-double\f227
fa-mars-stroke\f229
fa-mars-stroke-h\f22b
fa-mars-stroke-v\f22a
fa-mercury\f223
fa-neuter\f22c
fa-venus\f221
fa-venus-double\f226
fa-venus-mars\f228

3.6. Файловые иконки

fa-folder\f07b
fa-folder-o\f114
fa-folder-open\f07c
fa-folder-open-o\f115
fa-file\f15b
fa-file-o\f016
fa-file-archive-o\f1c6
fa-file-audio-o\f1c7
fa-file-code-o\f1c9
fa-file-excel-o\f1c3
fa-file-image-o\f1c5
fa-file-movie-o\f1c8
fa-file-pdf-o\f1c1
fa-file-photo-o\xf1c5
fa-file-powerpoint-o\f1c4
fa-file-sound-o\f1c7
fa-file-video-o\f1c8
fa-file-word-o\f1c2
fa-file-zip-o\f1c6
fa-file-text\f15c
fa-file-text-o\f0f6
fa-files-o\f0c5
fa-image\f03e
fa-sticky-note\f249
fa-sticky-note-o\f24a

3.7. Иконки валюты

fa-btc\f15a
fa-dollar\f155
fa-euro\f153
fa-gbp\f154
fa-yen\f157
fa-money\f0d6
fa-ruble\f158
fa-rupee\f156
fa-shekel\f20b
fa-turkish-lira\f195
fa-won\f159

3.8. Иконки управляющих символов

fa-check\f00c
fa-check-circle\f058
fa-check-circle-o\f05d
fa-circle-thin\f1db
fa-check-square\f14a
fa-check-square-o\f046
fa-circle\f111
fa-circle-o\f10c
fa-dot-circle-o\f192
fa-minus-square\f146
fa-minus-square-o\f147
fa-plus-square\f0fe
fa-plus-square-o\f196
fa-minus\f068
fa-minus-circle\f056
fa-square\f0c8
fa-square-o\f096
fa-plus\f067
fa-plus-circle\f055
fa-times-circle\f057
fa-times-circle-o\f05c

3.9. Иконки платежных систем

fa-cc-amex\f1f3
fa-cc-diners-club\f24c
fa-cc-discover\f1f2
fa-cc-jcb\f24b
fa-cc-mastercard\f1f1
fa-cc-paypal\f1f4
fa-cc-stripe\f1f5
fa-cc-visa\f1f0
fa-credit-card\f09d
fa-credit-card-alt\f283
fa-google-wallet\f1ee
fa-paypal\f1ed

3.10. Иконки социальных сетей и сообществ

fa-codepen\f1cb
fa-behance\f1b4
fa-behance-square\f1b5
fa-deviantart\f1bd
fa-digg\f1a6
fa-dribbble\f17d
fa-facebook\f09a
fa-facebook-official\f230
fa-facebook-square\f082
fa-google-plus\f0d5
fa-google-plus-square\f0d4
fa-jsfiddle\f1cc
fa-flickr\f16e
fa-instagram\f16d
fa-github\f09b
fa-github-alt\f113
fa-github-square\f092
fa-linkedin\f0e1
fa-linkedin-square\f08c
fa-odnoklassniki\f263
fa-odnoklassniki-square\f264
fa-pinterest\f0d2
fa-pinterest-p\f231
fa-pinterest-square\f0d3
fa-stack-overflow\f16c
fa-yelp\f1e9
fa-tumblr\f173
fa-tumblr-square\f174
fa-twitter\f099
fa-twitter-square\f081
fa-vk\f189

3.11. Иконки редактирования текста

fa-align-center\f037
fa-align-justify\f039
fa-align-left\f036
fa-align-right\f038
fa-bold\f032
fa-chain\f0c1
fa-chain-broken\f127
fa-clipboard\f0ea
fa-columns\f0db
fa-copy\f0c5
fa-cut\f0c4
fa-dedent\f03b
fa-eraser\f12d
fa-floppy-o\f0c7
fa-font\f031
fa-header\f1dc
fa-indent\f03c
fa-italic\f033
fa-list\f03a
fa-list-alt\f022
fa-list-ol\f0cb
fa-list-ul\f0ca
fa-outdent\f03b
fa-paperclip\f0c6
fa-paragraph\f1dd
fa-paste\f0ea
fa-repeat\f01e
fa-rotate-left\f0e2
fa-rotate-right\f01e
fa-save\f0c7
fa-strikethrough\f0cc
fa-subscript\f12c
fa-superscript\f12b
fa-table\f0ce
fa-text-height\f034
fa-text-width\f035
fa-th\f00a
fa-th-large\f009
fa-th-list\f00b
fa-underline\f0cd

3.12. Иконки направления

fa-level-down\f149
fa-level-up\f148
fa-angle-double-down\f103
fa-angle-double-left\f100
fa-angle-double-right\f101
fa-angle-double-up\f102
fa-angle-down\f107
fa-angle-left\f104
fa-angle-right\f105
fa-angle-up\f106
fa-arrow-circle-down\f0ab
fa-arrow-circle-left\f0a8
fa-arrow-circle-right\f0a9
fa-arrow-circle-up\f0aa
fa-arrow-circle-o-down\f01a
fa-arrow-circle-o-left\f190
fa-arrow-circle-o-right\f18e
fa-arrow-circle-o-up\f01b
fa-arrow-down\f063
fa-arrow-left\f060
fa-arrow-right\f061
fa-arrow-up\f062
fa-arrows-h\f07e
fa-arrows-v\f07d
fa-caret-down\f0d7
fa-caret-left\f0d9
fa-caret-right\f0da
fa-caret-up\f0d8
fa-caret-square-o-down\f150
fa-caret-square-o-left\f191
fa-caret-square-o-right\f152
fa-caret-square-o-up\f151
fa-cart-arrow-down\f218
fa-chevron-circle-down\f13a
fa-chevron-circle-left\f137
fa-chevron-circle-right\f138
fa-chevron-circle-up\f139
fa-chevron-down\f078
fa-chevron-left\f053
fa-chevron-right\f054
fa-chevron-up\f077
fa-exchange\f0ec
fa-long-arrow-down\f175
fa-long-arrow-left\f177
fa-long-arrow-right\f178
fa-long-arrow-up\f176
fa-toggle-down\f150
fa-toggle-left\f191
fa-toggle-right\f152
fa-toggle-up\f151
fa-toggle-off\f204
fa-toggle-on\f205

3.13. Иконки видео плеера

fa-arrows-alt\f0b2
fa-backward\f04a
fa-compress\f066
fa-eject\f052
fa-expand\f065
fa-fast-backward\f049
fa-fast-forward\f050
fa-pause\f04c
fa-pause-circle\f28b
fa-pause-circle-o\f28c
fa-play\f04b
fa-play-circle\f144
fa-play-circle-o\f01d
fa-random\f074
fa-step-backward\f048
fa-step-forward\f051
fa-stop\f04d
fa-stop-circle\f28d
fa-stop-circle-o\f28e
fa-youtube-play\f16a

3.14. Брендовые иконки

fa-500px\f26e
fa-adn\f170
fa-amazon\f270
fa-android\f17b
fa-angellist\f209
fa-apple\f179
fa-bitbucket\f171
fa-bitbucket-square\f172
fa-black-tie\f27e
fa-bluetooth\f293
fa-bluetooth-b\f294
fa-buysellads\f20d
fa-chrome\f268
fa-css3\f13c
fa-connectdevelop\f20e
fa-dashcube\f210
fa-delicious\f1a5
fa-dropbox\f16b
fa-drupal\f1a9
fa-edge\f282
fa-empire\f1d1
fa-expeditedssl\f23e
fa-firefox\f269
fa-fonticons\f280
fa-fort-awesome\f286
fa-forumbee\f211
fa-foursquare\f180
fa-ge\f1d1
fa-get-pocket\f265
fa-git\f1d3
fa-git-square\f1d2
fa-gg\f260
fa-gg-circle\f261
fa-google\f1a0
fa-gratipay\f184
fa-hacker-news\f1d4
fa-houzz\f27c
fa-html5\f13b
fa-ioxhost\f208
fa-joomla\f1aa
fa-lastfm\f202
fa-lastfm-square\f203
fa-leanpub\f212
fa-linux\f17c
fa-maxcdn\f136
fa-meanpath\f20c
fa-medium\f23a
fa-mixcloud\f289
fa-modx\f285
fa-opencart\f23d
fa-openid\f19b
fa-opera\f26a
fa-optin-monster\f23c
fa-pagelines\f18c
fa-pied-piper\f1a7
fa-pied-piper-alt\f1a8
fa-product-hunt\f288
fa-qq\f1d6
fa-rebel\f1d0
fa-reddit\f1a1
fa-reddit-square\f1a2
fa-renren\f18b
fa-safari\f267
fa-scribd\f28a
fa-sellsy\f213
fa-share-alt\f1e0
fa-share-alt-square\f1e1
fa-shirtsinbulk\f214
fa-simplybuilt\f215
fa-skyatlas\f216
fa-skype\f17e
fa-slack\f198
fa-slideshare\f1e7
fa-soundcloud\f1be
fa-spotify\f1bc
fa-stack-exchange\f18d
fa-steam\f1b6
fa-steam-square\f1b7
fa-stethoscope\f0f1
fa-stumbleupon\f1a4
fa-stumbleupon-circle\f1a3
fa-tencent-weibo\f1d5
fa-trello\f181
fa-tripadvisor\f262
fa-usb\f287
fa-viacoin\f237
fa-vimeo\f27d
fa-vimeo-square\f194
fa-vine\f1ca
fa-wechat\f1d7
fa-weibo\f18a
fa-whatsapp\f232
fa-wikipedia-w\f266
fa-windows\f17a
fa-wordpress \f19a
fa-xing\f168
fa-xing-square\f169
fa-y-combinator\f23b
fa-yahoo\f19e
fa-youtube\f167
fa-youtube-square\f166

3.15. Иконки диаграмм

fa-area-chart\f1fe
fa-bar-chart\f080
fa-line-chart\f201
fa-pie-chart\f200

3.16. Вращающиеся иконки

fa-circle-o-notch\f1ce
fa-cog\f013
fa-gear\f013
fa-spinner\f110

4. Похожие ресурсы

В дополнение к коллекции Font Awesome, вы можете использовать и другие иконочные шрифты.

1. Fontello

На сервисе Fontello представлена большая коллекция разнообразных иконочных шрифтов. Вы можете отобрать понравившиеся иконки и загрузить их на свой компьютер.

2. Foundation Icon

Foundation Icon — еще одна коллекция иконочного шрифта от разработчиков фреймворка Foundation. Помимо стандартных иконок, на сайте представлены круглые иконки, иконки социальных сетей и многое другое.

3. Material icons

Material icons унифицированные плоские иконки от Google, воплотившие в себе простоту восприятия. Иконки оптимизированы для красивого отображения на всех распространенных платформах и для любых разрешений экрана.

Коллекция иконочных шрифтов содержит 750+ иконок. Самый простой способ установить коллекцию на свой сайт — использовать иконки как Google Web Fonts. Для этого в разметку страницы включается следующий код:

Источник

 

Материалы по теме:

Плитка тэгов модуль для SEO
Очень интересный и полезный SEO модуль — Плитка тэгов. Что это за плитка тэгов и почему это ...
Значения иконок Font Awesome для CSS
Список значков шрифта Awesome и их значений для CSS  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-times"\f00d"  fa-search-plus"\f00e"  fa-search-minus"\f010"  fa-power-off"\f011"  fa-signal"\f012"  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-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-outdent"\f03b"  fa-indent"\f03c"  fa-video-camera"\f03d"  fa-picture-o"\f03e"  fa-pencil"\f040"  fa-map-marker"\f041"  fa-adjust"\f042"  fa-tint"\f043"  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-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-eye-slash"\f070"  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"\f080"  fa-twitter-square"\f081"  fa-facebook-square"\f082"  fa-camera-retro"\f083"  fa-key"\f084"  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"\f09a"  fa-github"\f09b"  fa-unlock"\f09c"  fa-credit-card"\f09d"  fa-rss"\f09e"  fa-hdd-o"\f0a0"  fa-bullhorn"\f0a1"  fa-bell"\f0f3"  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-users"\f0c0"  fa-link"\f0c1"  fa-cloud"\f0c2"  fa-flask"\f0c3"  fa-scissors"\f0c4"  fa-files-o"\f0c5"  fa-paperclip"\f0c6"  fa-floppy-o"\f0c7"  fa-square"\f0c8"  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-sort"\f0dc"  fa-sort-desc"\f0dd"  fa-sort-asc"\f0de"  fa-envelope"\f0e0"  fa-linkedin"\f0e1"  fa-undo"\f0e2"  fa-gavel"\f0e3"  fa-tachometer"\f0e4"  fa-comment-o"\f0e5"  fa-comments-o"\f0e6"  fa-bolt"\f0e7"  fa-sitemap"\f0e8"  fa-umbrella"\f0e9"  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"\f0a2"  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"\f10b"  fa-circle-o"\f10c"  fa-quote-left"\f10d"  fa-quote-right"\f10e"  fa-spinner"\f110"  fa-circle"\f111"  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-reply-all"\f122"  fa-star-half-o"\f123"  fa-location-arrow"\f124"  fa-crop"\f125"  fa-code-fork"\f126"  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-caret-square-o-up"\f151"  fa-caret-square-o-right"\f152"  fa-eur"\f153"  fa-gbp"\f154"  fa-usd"\f155"  fa-inr"\f156"  fa-jpy"\f157"  fa-rub"\f158"  fa-krw"\f159"  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-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-caret-square-o-left"\f191"  fa-dot-circle-o"\f192"  fa-wheelchair"\f193"  fa-vimeo-square"\f194"  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-university"\f19c"  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"\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-car"\f1b9"  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-image-o"\f1c5"  fa-file-archive-o"\f1c6"  fa-file-audio-o"\f1c7"  fa-file-video-o"\f1c8"  fa-file-code-o"\f1c9"  fa-vine"\f1ca"  fa-codepen"\f1cb"  fa-jsfiddle"\f1cc"  fa-life-ring"\f1cd"  fa-circle-o-notch"\f1ce"  fa-rebel"\f1d0"  fa-empire"\f1d1"  fa-git-square"\f1d2"  fa-git"\f1d3"  fa-hacker-news"\f1d4"  fa-tencent-weibo"\f1d5"  fa-qq"\f1d6"  fa-weixin"\f1d7"  fa-paper-plane"\f1d8"  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-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-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-mercury"\f223"  fa-transgender"\f224"  fa-transgender-alt"\f225"  fa-venus-double"\f226"  fa-mars-double"\f227"  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-bed"\f236"  fa-viacoin"\f237"  fa-train"\f238"  fa-subway"\f239"  fa-medium"\f23a"  fa-y-combinator"\f23b"  fa-optin-monster"\f23c"  fa-opencart"\f23d"  fa-expeditedssl"\f23e"  fa-battery-full"\f240"  fa-battery-three-quarters"\f241"  fa-battery-half"\f242"  fa-battery-quarter"\f243"  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-start"\f251"  fa-hourglass-half"\f252"  fa-hourglass-end"\f253"  fa-hourglass"\f254"  fa-hand-rock-o"\f255"  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-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"   Источник
Ещё про плитки
Блоки могут быть произвольной высоты, в зависимости от контента. Если применять к блокам свойство float: left, то ...