Monday, June 02, 2014

Update List Font Icon Awesome V4.1.0


list icon awesome v.4.1.0


Update Font icon Awesome v.4.1.0 dengan penambahan 71 icon akan semakin mempermudah kita berkreasi dengan tampilan awesome sebagai pengganti gambar di blog, seperti artikel sebelumnya tentang kostumisasi font icon awesome v4.0.3.

Untuk dapat meggunakan icon ini install CSS iconnya :

<link href='//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'/>

Atau import melalui CSS code:

@import url(http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css);

Penggunaan CSS valuenya masih sama dengan icon versi sebelumnya, dan untuk menyisipkan value content pada pseudo element seperti dibawah ini :

CSS PSEUDO ELEMENT
.element {
    position: relative;
}


.element:before {
    content: "\f000";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

Memberikan efek warna menggunakan css :

i.fa-codepen{color:#d35400}

Penulisannya masih sama seperti versi 4.0.3 <i class="fa fa-codepen"></i> fa-codepen

List selengkapnya bisa anda kunjungi Fontawesome V 4.1.0

71 NEW LIST ICON FONTAWESOME V 4.1.0

  • fa-car "f1b9"
  • fa-bomb "f1e2"
  • fa-deviantart "f1bd"
  • fa-envelope-square "f199"
  • fa-file-code-o "f1c9"
  • fa-file-pdf-o "f1c1"
  • fa-file-audio-o "f1c7"
  • fa-ge "f1d1"
  • fa-graduation-cap "f19d"
  • fa-institution "f19c"
  • fa-life-bouy "f1cd"
  • fa-openid "f19b"
  • fa-paw "f1b0"
  • fa-qq "f1d6"
  • fa-reddit "f1a1"
  • fa-share-alt "f1e0"
  • fa-soundcloud "f1be"
  • fa-steam "f1b6"
  • fa-support "f1cd"
  • fa-university "f19c"
  • fa-wordpress "f19a"
  • fa-bank "f19c"
  • fa-building "f1ad"
  • fa-circle-o-notch "f1ce"
  • fa-cubes "f1b3"
  • fa-digg "f1a6"
  • fa-fax "f1ac"
  • fa-file-excel-o "f1c3"
  • fa-file-photo-o "f1c5"
  • fa-file-video-o "f1c8"
  • fa-git "f1d3"
  • fa-hacker-news "f1d4"
  • fa-joomla "f1aa"
  • fa-life-ring "f1cd"
  • fa-paper-plane "f1d8"
  • fa-pied-piper "f1a7"
  • fa-ra "f1d0"
  • fa-reddit-square "f1a2"
  • fa-share-alt-square "f1e1"
  • fa-space-shuttle "f197"
  • fa-steam-square "f1b7"
  • fa-taxi "f1ba"
  • fa-vine "f1ca"
  • fa-yahoo "f19e"
  • fa-behance "f1b4"
  • fa-cab "f1ba"
  • fa-circle-thin "f1db"
  • fa-database "f1c0"
  • fa-drupal "f1a9"
  • fa-file-archive-o "f1c6"
  • fa-file-image-o "f1c5"
  • fa-file-picture-o "f1c5"
  • fa-file-word-o "f1c2"
  • fa-git-square "f1d2"
  • fa-header "f1dc"
  • fa-jsfiddle "f1cc"
  • fa-life-saver "f1cd"
  • fa-paper-plane-o "f1d9"
  • fa-slack "f198"
  • fa-spoon "f1b1"
  • fa-stumbleupon "f1a4"
  • fa-tencent-weibo "f1d5"
  • fa-wechat "f1d7"
  • fa-behance-square "f1b5"
  • fa-car "f1b9"
  • fa-delicious "f1a5"
  • fa-empire "f1d1"
  • fa-file-audio-o "f1c7"
  • fa-file-movie-o "f1c8"
  • fa-file-powerpoint-o "f1c4"
  • fa-file-zip-o "f1c6"
  • fa-google "f1a0"
  • fa-history "f1da"
  • fa-language "f1ab"
  • fa-mortar-board "f19d"
  • fa-paragraph "f1dd"
  • fa-pied-piper-alt "f1a7"
  • fa-recycle "f1b8"
  • fa-send-o "f1d9"
  • fa-sliders "f1de"
  • fa-spotify "f1bc"
  • fa-stumbleupon-circle "f1a3"
  • fa-tree "f1bb"
  • fa-weixin "f1d7"
  • fa-cubes "f1b3"
  • fa-female "f182"