-->

Rabu, 17 Agustus 2016

Mimin SlideSeo

Daftar Kode Icon Font Awesome Lengkap

Sebelumnya saya sudah memosting dan membahas Cara Menggunakan Icon Font Awesome Pada Css Dan HTML,pada kesempatan ini saya akan kembali memosting Daftar Kode Icon Font Awesome Lengkap.Nah but yang belum tau  Apa Itu Icon Font Awesome ?
Font Awesome adalah jenis font yang berbentuk gambar atau icon yang digunakan untuk mempercatik  tampilan blog atau website, Font awesome sendiri memiliki banyak versi, ada yang lama dan ada yang terbaru. Yang membedakan yang lama dengan yang baru adalah untuk versi terbaru biasanya ada penambahan ikon-ikon unik dan menarik.

Kelebihan Icon Font Awesome 

  • Ringan, bisa mempercepat loading blog karena biasanya yang digunakan adalah image atau gambar ikon.
  • Gratis alias Free , bisa digunakan untuk komersial maupun non komersial.
  • Icon akan terlihat sempurna di dalam ukuran font berapapun.
  • Mudah untuk diberikan Style CSS dan bisa di warnai.
  • Compatible dengan Bootsrap 3.0.0.
  • Support dengan Browser lama.
Okey langsung saja saya sajikan Daftar Kode Icon Font Awesome Lengkap.Dibawah Ini :


Daftar Kode Icon Font Awesome Lengkap

  •  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-gittip "\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"


Demikian mengenai Daftar Kode Icon Font Awesome Lengkap. Silahkan anda bereksperimen sendiri agar tampilan web/blog anda semakin terlihat keren.


Tips !!
Agar bisa menggunakan Font Awesome, maka anda perlu menambahkan stylesheet dibawah ini kemudian menyimpannya di atas kode </head>


<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Untuk cara pemasangan kode font awesomenya dapat dilihat Disini

Oke sekian dari saya..

Share this

Get Short URLloading short url
Disqus
Blogger
Pilih Sistem Komentar Yang Anda Sukai
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

- http://disq.us/p/[ID DISQUS] - lihat di sini.

strong em u strike
pre code pre code spoiler
embed
avatar
Anonim

Cara membuat list font awesome gitu gimana gan

avatar

saya juga suka dengan font awesome. lebih ringan

jurnal firman

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya Saya minta maaf yang sebesar-besarnya jika komentar anda belum sempat dibalas.

Emoticon

© - All Rights Reserved | Created With - Powered By Blogger

Like this blog? Keep us running by whitelisting this blog in your ad blocker.

This is how to whitelisting this blog in your ad blocker.

Thank you!

×