Font-Awesome 4.7

HTMLでの利用

公式サイトでは、iタグを利用していますが、spanなど他の要素でも利用ができます。
利用する場合は、下記のコードのアイコンクラス名の部分を変更してください。

<!--  下記のアイコンクラス名を変更 -->
<i class="fa アイコンクラス名" aria-hidden="true"></i>
<!--  利用例 -->
<i class="fa fa-address-book-o" aria-hidden="true"></i>

CSSでの利用

CSSで利用する場合は、before疑似要素、after疑似要素に指定します。
contentプロパティの値の前にバックスラッシュを入れる必要があります。
利用する場合は、下記のUnicode名の部分を変更して下さい。

/* 下記のUnicode名を変更 */
.icon-font::before{
font-family: FontAwesome;
content: "\Unicode名";
}

/* 利用例 */
.icon-font::before{
font-family: FontAwesome;
content: "\f2ba";
}

Font-Awesome 4.7

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-gear f013	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 f01e	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 f0b	fa-tags f02c	fa-book f0d
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 f03b	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-edit f044	fa-pencil-square-o f044	fa-share-square-o f045
fa-check-square-o f046	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 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-warning f071	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 f080	fa-twitter-square f081
fa-facebook-square f082	fa-camera-retro f083	fa-key f084	fa-gears f085	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-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-group f0c0	fa-link f0c1	fa-cloud f0c2	fa-flask f0c3
fa-cut f0c4	fa-copy f0c5	fa-paperclip f0c6	fa-save 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-unsorted f0dc	fa-sort f0dc
fa-sort-down f0dd	fa-sort-desc f0dd	fa-envelope f0e0	fa-linkedin f0e1	fa-undo f0e2
fa-legal f0e3	fa-tachometer f0e4	fa-comment-o f0e5	fa-comments-o f0e6	fa-flash f0e7
fa-sitemap f0e8	fa-umbrella f0e9	fa-paste 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-full f123	fa-location-arrow f124
fa-crop f125	fa-code-fork f126	fa-unlink 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	fachevron-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-toggle-down f150	fa-toggle-up f151	fa-toggle-right f152	fa-euro f153	fa-gbp f154
fa-dollar f155	fa-rupee f156	fa-yen f157	fa-ruble f158	fa-won f159
fa-bitcoin 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 f184
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 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-institution f19c	fa-mortar-board 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-car f1b9	fa-cab f1ba	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 f1c5	fa-file-zip-o f1c6	fa-file-sound-o f1c7
fa-file-movie-o f1c8	fa-file-code-o f1c9	fa-codepen f1cb	fa-jsfiddle f1cc	fa-life-bouy f1cd
fa-life-ring f1cd	fa-circle-o-notch f1ce	fa-resistance f1d0	fa-empire f1d1	fa-git-square f1d2
fa-git f1d3	fa-yc-square f1d4	fa-tencent-weibo f1d5	fa-qq f1d6	fa-wechat f1d7
fa-send f1d8	fa-send-o f1d9	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 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 f20b
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-yc 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-grab-o f255	fa-hand-stop-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 f26c	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 f298	fa-bluetooth-b f299	fa-percent f29a
fa-gitlab f29b	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 f2a3	fa-deafness f2a4	fa-glide f2a5
fa-glide-g f2a6	fa-signing 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-official f2b3	fa-font-awesome f2b4	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 f2bb	fa-vcard-o f2bc	fa-user-circle f2bd	fa-user-circle-o f2be	fa-user-o f2c0
fa-id-badge f2c1	fa-id-card f2c2	fa-id-card-o f2c3	fa-quora f2c4	fa-free-code-camp f2c5
fa-telegram f2c6	fa-thermometer-full f2c7	fa-thermometer-three-quarters f2c8	fa-thermometer-half f2c9	fa-thermometer-quarter f2ca
fa-thermometer-empty f2cb	fa-shower f2cc	fa-bath f2cd	fa-podcast f2ce	fa-window-maximize f2d0
fa-window-minimize f2d1	fa-window-restore f2d2	fa-times-rectangle f2d3	fa-window-close f2d3	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