Daftar Icon Awesome Lengkap Terbaru 2017
Menghias blog dengan berbagai gambar itu memang menyenangkan, tapi perlu diperhatikan juga, karena blog yang terlalu banyak gambar itu juga berakibat pada kecepatan blog saat diakses oleh pengunjung, blog yang cepat tentu akan membuat pengunjung senang, apalagi blog tersebut kaya akan informasi, jadi tidak perlu menunggu waktu yang lama saat membuka artikel-artikel tiap halamanya.
Beruntung sekali ada sebuah toolkit font dan icon berdasarkan CSS yang dibuat oleh Dave Gandy yang rilis pada tanggal 21 Augustus 2012 (wikipedia) dengan font dan icon-icon ini bisa membuat web tampil lebih ciamik, namun website atau blog anda tetap cepat saat diakses pengunjung, font awesome icons namanya, anda bisa menggunakan font dan icon ini dengan gratis, tidak perlu download atau install, anda cukup membuka website http://fontawesome.io/get-started/ :

Masukan email dan klik tombol send my font awesome embed code, anda akan mendapatkan 1 baris kode yang harus anda pasang dibawah kode <head> web/ blog anda.

Beruntung sekali ada sebuah toolkit font dan icon berdasarkan CSS yang dibuat oleh Dave Gandy yang rilis pada tanggal 21 Augustus 2012 (wikipedia) dengan font dan icon-icon ini bisa membuat web tampil lebih ciamik, namun website atau blog anda tetap cepat saat diakses pengunjung, font awesome icons namanya, anda bisa menggunakan font dan icon ini dengan gratis, tidak perlu download atau install, anda cukup membuka website http://fontawesome.io/get-started/ :

Masukan email dan klik tombol send my font awesome embed code, anda akan mendapatkan 1 baris kode yang harus anda pasang dibawah kode <head> web/ blog anda.

Untuk memasang icon awesome di blog, anda bisa memadukan kode seperti berikut:
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
dengan kode diatas, hasilnya seperti berikut:
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
Contoh lain, jika anda menuliskan kode berikut:
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i> <span class="sr-only">Loading...</span>
Maka hasilnya seperti berikut:
Loading...
Berikut Daftar Gambar Font dan Icon Awesome Lengkap 2017:
Sumber: http://fontawesome.io/icons/ dan http://astronautweb.co/snippet/font-awesome/
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
dengan kode diatas, hasilnya seperti berikut:
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
Contoh lain, jika anda menuliskan kode berikut:
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i> <span class="sr-only">Loading...</span>
Maka hasilnya seperti berikut:
Loading...
Berikut Daftar Gambar Font dan Icon Awesome Lengkap 2017:
- fa-address-book
- fa-address-book-o
- fa-address-card
- fa-handshake-o
- fa-user-circle
- 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"
Tidak ada komentar: