圖標CSS分類參考

FontAwesome 4.1.0 中完整的439個圖標樣式CSS參考?設計圖標快速引用

引用方式：?class="fa fa-home"?
注意：每個圖標的引用都必須要添加 fa fa-x 兩個class

4.1新加入的71種圖標

?fa-automobile?(別稱) ?fa-bank?(別稱) ?fa-behance ?fa-behance-square ?fa-bomb ?fa-building ?fa-cab?(別稱) ?fa-car ?fa-child ?fa-circle-o-notch ?fa-circle-thin ?fa-codepen ?fa-cube ?fa-cubes ?fa-database ?fa-delicious ?fa-deviantart ?fa-digg ?fa-drupal ?fa-empire ?fa-envelope-square ?fa-fax ?fa-file-archive-o ?fa-file-audio-o ?fa-file-code-o ?fa-file-excel-o ?fa-file-image-o ?fa-file-movie-o?(別稱) ?fa-file-pdf-o ?fa-file-photo-o?(別稱) ?fa-file-picture-o?(別稱) ?fa-file-powerpoint-o ?fa-file-sound-o?(別稱) ?fa-file-video-o ?fa-file-word-o ?fa-file-zip-o?(別稱) ?fa-ge?(別稱) ?fa-git ?fa-git-square ?fa-google ?fa-graduation-cap ?fa-hacker-news ?fa-header ?fa-history ?fa-institution?(別稱) ?fa-joomla ?fa-jsfiddle ?fa-language ?fa-life-bouy?(別稱) ?fa-life-ring ?fa-life-saver?(別稱) ?fa-mortar-board?(別稱) ?fa-openid ?fa-paper-plane ?fa-paper-plane-o ?fa-paragraph ?fa-paw ?fa-pied-piper ?fa-pied-piper-alt ?fa-pied-piper-square?(別稱) ?fa-qq ?fa-ra?(別稱) ?fa-rebel ?fa-recycle ?fa-reddit ?fa-reddit-square ?fa-send?(別稱) ?fa-send-o?(別稱) ?fa-share-alt ?fa-share-alt-square ?fa-slack ?fa-sliders ?fa-soundcloud ?fa-space-shuttle ?fa-spoon ?fa-spotify ?fa-steam ?fa-steam-square ?fa-stumbleupon ?fa-stumbleupon-circle ?fa-support?(別稱) ?fa-taxi ?fa-tencent-weibo ?fa-tree ?fa-university ?fa-vine ?fa-wechat?(別稱) ?fa-weixin ?fa-wordpress ?fa-yahoo

Web應用圖標

?fa-adjust ?fa-anchor ?fa-archive ?fa-arrows ?fa-arrows-h ?fa-arrows-v ?fa-asterisk ?fa-automobile?(別稱) ?fa-ban ?fa-bank?(別稱) ?fa-bar-chart-o ?fa-barcode ?fa-bars ?fa-beer ?fa-bell ?fa-bell-o ?fa-bolt ?fa-bomb ?fa-book ?fa-bookmark ?fa-bookmark-o ?fa-briefcase ?fa-bug ?fa-building ?fa-building-o ?fa-bullhorn ?fa-bullseye ?fa-cab?(別稱) ?fa-calendar ?fa-calendar-o ?fa-camera ?fa-camera-retro ?fa-car ?fa-caret-square-o-down ?fa-caret-square-o-left ?fa-caret-square-o-right ?fa-caret-square-o-up ?fa-certificate ?fa-check ?fa-check-circle ?fa-check-circle-o ?fa-check-square ?fa-check-square-o ?fa-child ?fa-circle ?fa-circle-o ?fa-circle-o-notch ?fa-circle-thin ?fa-clock-o ?fa-cloud ?fa-cloud-download ?fa-cloud-upload ?fa-code ?fa-code-fork ?fa-coffee ?fa-cog ?fa-cogs ?fa-comment ?fa-comment-o ?fa-comments ?fa-comments-o ?fa-compass ?fa-credit-card ?fa-crop ?fa-crosshairs ?fa-cube ?fa-cubes ?fa-cutlery ?fa-dashboard?(別稱) ?fa-database ?fa-desktop ?fa-dot-circle-o ?fa-download ?fa-edit?(別稱) ?fa-ellipsis-h ?fa-ellipsis-v ?fa-envelope ?fa-envelope-o ?fa-envelope-square ?fa-eraser ?fa-exchange ?fa-exclamation ?fa-exclamation-circle ?fa-exclamation-triangle ?fa-external-link ?fa-external-link-square ?fa-eye ?fa-eye-slash ?fa-fax ?fa-female ?fa-fighter-jet ?fa-file-archive-o ?fa-file-audio-o ?fa-file-code-o ?fa-file-excel-o ?fa-file-image-o ?fa-file-movie-o?(別稱) ?fa-file-pdf-o ?fa-file-photo-o?(別稱) ?fa-file-picture-o?(別稱) ?fa-file-powerpoint-o ?fa-file-sound-o?(別稱) ?fa-file-video-o ?fa-file-word-o ?fa-file-zip-o?(別稱) ?fa-film ?fa-filter ?fa-fire ?fa-fire-extinguisher ?fa-flag ?fa-flag-checkered ?fa-flag-o ?fa-flash?(別稱) ?fa-flask ?fa-folder ?fa-folder-o ?fa-folder-open ?fa-folder-open-o ?fa-frown-o ?fa-gamepad ?fa-gavel ?fa-gear?(別稱) ?fa-gears?(別稱) ?fa-gift ?fa-glass ?fa-globe ?fa-graduation-cap ?fa-group?(別稱) ?fa-hdd-o ?fa-headphones ?fa-heart ?fa-heart-o ?fa-history ?fa-home ?fa-image?(別稱) ?fa-inbox ?fa-info ?fa-info-circle ?fa-institution?(別稱) ?fa-key ?fa-keyboard-o ?fa-language ?fa-laptop ?fa-leaf ?fa-legal?(別稱) ?fa-lemon-o ?fa-level-down ?fa-level-up ?fa-life-bouy?(別稱) ?fa-life-ring ?fa-life-saver?(別稱) ?fa-lightbulb-o ?fa-location-arrow ?fa-lock ?fa-magic ?fa-magnet ?fa-mail-forward?(別稱) ?fa-mail-reply?(別稱) ?fa-mail-reply-all?(別稱) ?fa-male ?fa-map-marker ?fa-meh-o ?fa-microphone ?fa-microphone-slash ?fa-minus ?fa-minus-circle ?fa-minus-square ?fa-minus-square-o ?fa-mobile ?fa-mobile-phone?(別稱) ?fa-money ?fa-moon-o ?fa-mortar-board?(別稱) ?fa-music ?fa-navicon?(別稱) ?fa-paper-plane ?fa-paper-plane-o ?fa-paw ?fa-pencil ?fa-pencil-square ?fa-pencil-square-o ?fa-phone ?fa-phone-square ?fa-photo?(別稱) ?fa-picture-o ?fa-plane ?fa-plus ?fa-plus-circle ?fa-plus-square ?fa-plus-square-o ?fa-power-off ?fa-print ?fa-puzzle-piece ?fa-qrcode ?fa-question ?fa-question-circle ?fa-quote-left ?fa-quote-right ?fa-random ?fa-recycle ?fa-refresh ?fa-reorder?(別稱) ?fa-reply ?fa-reply-all ?fa-retweet ?fa-road ?fa-rocket ?fa-rss ?fa-rss-square ?fa-search ?fa-search-minus ?fa-search-plus ?fa-send?(別稱) ?fa-send-o?(別稱) ?fa-share ?fa-share-alt ?fa-share-alt-square ?fa-share-square ?fa-share-square-o ?fa-shield ?fa-shopping-cart ?fa-sign-in ?fa-sign-out ?fa-signal ?fa-sitemap ?fa-sliders ?fa-smile-o ?fa-sort ?fa-sort-alpha-asc ?fa-sort-alpha-desc ?fa-sort-amount-asc ?fa-sort-amount-desc ?fa-sort-asc ?fa-sort-desc ?fa-sort-down?(別稱) ?fa-sort-numeric-asc ?fa-sort-numeric-desc ?fa-sort-up?(別稱) ?fa-space-shuttle ?fa-spinner ?fa-spoon ?fa-square ?fa-square-o ?fa-star ?fa-star-half ?fa-star-half-empty?(別稱) ?fa-star-half-full?(別稱) ?fa-star-half-o ?fa-star-o ?fa-suitcase ?fa-sun-o ?fa-support?(別稱) ?fa-tablet ?fa-tachometer ?fa-tag ?fa-tags ?fa-tasks ?fa-taxi ?fa-terminal ?fa-thumb-tack ?fa-thumbs-down ?fa-thumbs-o-down ?fa-thumbs-o-up ?fa-thumbs-up ?fa-ticket ?fa-times ?fa-times-circle ?fa-times-circle-o ?fa-tint ?fa-toggle-down?(別稱) ?fa-toggle-left?(別稱) ?fa-toggle-right?(別稱) ?fa-toggle-up?(別稱) ?fa-trash-o ?fa-tree ?fa-trophy ?fa-truck ?fa-umbrella ?fa-university ?fa-unlock ?fa-unlock-alt ?fa-unsorted?(別稱) ?fa-upload ?fa-user ?fa-users ?fa-video-camera ?fa-volume-down ?fa-volume-off ?fa-volume-up ?fa-warning?(別稱) ?fa-wheelchair ?fa-wrench

文件類型圖標

?fa-file ?fa-file-archive-o ?fa-file-audio-o ?fa-file-code-o ?fa-file-excel-o ?fa-file-image-o ?fa-file-movie-o?(別稱) ?fa-file-o ?fa-file-pdf-o ?fa-file-photo-o?(別稱) ?fa-file-picture-o?(別稱) ?fa-file-powerpoint-o ?fa-file-sound-o?(別稱) ?fa-file-text ?fa-file-text-o ?fa-file-video-o ?fa-file-word-o ?fa-file-zip-o?(別稱)

微調控制項圖標

?fa-circle-o-notch ?fa-cog ?fa-gear?(別稱) ?fa-refresh ?fa-spinner

表單控件圖標

?fa-check-square ?fa-check-square-o ?fa-circle ?fa-circle-o ?fa-dot-circle-o ?fa-minus-square ?fa-minus-square-o ?fa-plus-square ?fa-plus-square-o ?fa-square ?fa-square-o

貨幣圖標

?fa-bitcoin?(別稱) ?fa-btc ?fa-cny?(別稱) ?fa-dollar?(別稱) ?fa-eur ?fa-euro?(別稱) ?fa-gbp ?fa-inr ?fa-jpy ?fa-krw ?fa-money ?fa-rmb?(別稱) ?fa-rouble?(別稱) ?fa-rub ?fa-ruble?(別稱) ?fa-rupee?(別稱) ?fa-try ?fa-turkish-lira?(別稱) ?fa-usd ?fa-won?(別稱) ?fa-yen?(別稱)

文本編輯圖標

?fa-align-center ?fa-align-justify ?fa-align-left ?fa-align-right ?fa-bold ?fa-chain?(別稱) ?fa-chain-broken ?fa-clipboard ?fa-columns ?fa-copy?(別稱) ?fa-cut?(別稱) ?fa-dedent?(別稱) ?fa-eraser ?fa-file ?fa-file-o ?fa-file-text ?fa-file-text-o ?fa-files-o ?fa-floppy-o ?fa-font ?fa-header ?fa-indent ?fa-italic ?fa-link ?fa-list ?fa-list-alt ?fa-list-ol ?fa-list-ul ?fa-outdent ?fa-paperclip ?fa-paragraph ?fa-paste?(別稱) ?fa-repeat ?fa-rotate-left?(別稱) ?fa-rotate-right?(別稱) ?fa-save?(別稱) ?fa-scissors ?fa-strikethrough ?fa-subscript ?fa-superscript ?fa-table ?fa-text-height ?fa-text-width ?fa-th ?fa-th-large ?fa-th-list ?fa-underline ?fa-undo ?fa-unlink?(別稱)

定向圖標

?fa-angle-double-down ?fa-angle-double-left ?fa-angle-double-right ?fa-angle-double-up ?fa-angle-down ?fa-angle-left ?fa-angle-right ?fa-angle-up ?fa-arrow-circle-down ?fa-arrow-circle-left ?fa-arrow-circle-o-down ?fa-arrow-circle-o-left ?fa-arrow-circle-o-right ?fa-arrow-circle-o-up ?fa-arrow-circle-right ?fa-arrow-circle-up ?fa-arrow-down ?fa-arrow-left ?fa-arrow-right ?fa-arrow-up ?fa-arrows ?fa-arrows-alt ?fa-arrows-h ?fa-arrows-v ?fa-caret-down ?fa-caret-left ?fa-caret-right ?fa-caret-square-o-down ?fa-caret-square-o-left ?fa-caret-square-o-right ?fa-caret-square-o-up ?fa-caret-up ?fa-chevron-circle-down ?fa-chevron-circle-left ?fa-chevron-circle-right ?fa-chevron-circle-up ?fa-chevron-down ?fa-chevron-left ?fa-chevron-right ?fa-chevron-up ?fa-hand-o-down ?fa-hand-o-left ?fa-hand-o-right ?fa-hand-o-up ?fa-long-arrow-down ?fa-long-arrow-left ?fa-long-arrow-right ?fa-long-arrow-up ?fa-toggle-down?(別稱) ?fa-toggle-left?(別稱) ?fa-toggle-right?(別稱) ?fa-toggle-up?(別稱)

視頻播放器圖標

?fa-arrows-alt ?fa-backward ?fa-compress ?fa-eject ?fa-expand ?fa-fast-backward ?fa-fast-forward ?fa-forward ?fa-pause ?fa-play ?fa-play-circle ?fa-play-circle-o ?fa-step-backward ?fa-step-forward ?fa-stop ?fa-youtube-play

品牌圖標

?fa-adn ?fa-android ?fa-apple ?fa-behance ?fa-behance-square ?fa-bitbucket ?fa-bitbucket-square ?fa-bitcoin?(別稱) ?fa-btc ?fa-codepen ?fa-css3 ?fa-delicious ?fa-deviantart ?fa-digg ?fa-dribbble ?fa-dropbox ?fa-drupal ?fa-empire ?fa-facebook ?fa-facebook-square ?fa-flickr ?fa-foursquare ?fa-ge?(別稱) ?fa-git ?fa-git-square ?fa-github ?fa-github-alt ?fa-github-square ?fa-gittip ?fa-google ?fa-google-plus ?fa-google-plus-square ?fa-hacker-news ?fa-html5 ?fa-instagram ?fa-joomla ?fa-jsfiddle ?fa-linkedin ?fa-linkedin-square ?fa-linux ?fa-maxcdn ?fa-openid ?fa-pagelines ?fa-pied-piper ?fa-pied-piper-alt ?fa-pied-piper-square?(別稱) ?fa-pinterest ?fa-pinterest-square ?fa-qq ?fa-ra?(別稱) ?fa-rebel ?fa-reddit ?fa-reddit-square ?fa-renren ?fa-share-alt ?fa-share-alt-square ?fa-skype ?fa-slack ?fa-soundcloud ?fa-spotify ?fa-stack-exchange ?fa-stack-overflow ?fa-steam ?fa-steam-square ?fa-stumbleupon ?fa-stumbleupon-circle ?fa-tencent-weibo ?fa-trello ?fa-tumblr ?fa-tumblr-square ?fa-twitter ?fa-twitter-square ?fa-vimeo-square ?fa-vine ?fa-vk ?fa-wechat?(別稱) ?fa-weibo ?fa-weixin ?fa-windows ?fa-wordpress ?fa-xing ?fa-xing-square ?fa-yahoo ?fa-youtube ?fa-youtube-play ?fa-youtube-square

醫療圖標

?fa-ambulance ?fa-h-square ?fa-hospital-o ?fa-medkit ?fa-plus-square ?fa-stethoscope ?fa-user-md ?fa-wheelchair
from：?http://www.yeahzan.com/fa/facss.html 《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的图标CSS分类参考的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。