Update list font icon awesome v4.1

6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES

samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 1/4

SAMSURY SITES Tutorial Blog

UPDATE LIST FONT ICON AWESOME V4.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 {

HOME AWESOME CSS3 Update List Font Icon Awesome V4.1.0

6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES

samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 2/4

"f1b9" fa-car "f1e2" fa-bomb

"f1bd" fa-deviantart "f199" fa-envelope-square

"f1c9" fa-file-code-o "f1c1" fa-file-pdf-o

"f1c7" fa-file-audio-o "f1d1" fa-ge

"f19d" fa-graduation-cap "f19c" fa-institution

"f1cd" fa-life-bouy "f19b" fa-openid

"f1b0" fa-paw "f1d6" fa-qq

"f1a1" fa-reddit "f1e0" fa-share-alt

"f1be" fa-soundcloud "f1b6" fa-steam

"f1cd" fa-support "f19c" fa-university

"f19a" fa-wordpress "f19c" fa-bank

"f1ad" fa-building "f1ce" fa-circle-o-notch

"f1b3" fa-cubes "f1a6" fa-digg

"f1ac" fa-fax "f1c3" fa-file-excel-o

"f1c5" fa-file-photo-o "f1c8" fa-file-video-o

"f1d3" fa-git "f1d4" fa-hacker-news

"f1aa" fa-joomla "f1cd" fa-life-ring

"f1d8" fa-paper-plane "f1a7" fa-pied-piper

"f1d0" fa-ra "f1a2" fa-reddit-square

"f1e1" fa-share-alt-square "f197" fa-space-shuttle

"f1b7" fa-steam-square "f1ba" fa-taxi

"f1ca" fa-vine "f19e" fa-yahoo

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

6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES

samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 3/4

"f1b4" fa-behance "f1ba" fa-cab

"f1db" fa-circle-thin "f1c0" fa-database

"f1a9" fa-drupal "f1c6" fa-file-archive-o

"f1c5" fa-file-image-o "f1c5" fa-file-picture-o

"f1c2" fa-file-word-o "f1d2" fa-git-square

"f1dc" fa-header "f1cc" fa-jsfiddle

"f1cd" fa-life-saver "f1d9" fa-paper-plane-o

"f198" fa-slack "f1b1" fa-spoon

"f1a4" fa-stumbleupon "f1d5" fa-tencent-weibo

"f1d7" fa-wechat "f1b5" fa-behance-square

"f1b9" fa-car "f1a5" fa-delicious

"f1d1" fa-empire "f1c7" fa-file-audio-o

"f1c8" fa-file-movie-o "f1c4" fa-file-powerpoint-o

"f1c6" fa-file-zip-o "f1a0" fa-google

"f1da" fa-history "f1ab" fa-language

"f19d" fa-mortar-board "f1dd" fa-paragraph

"f1a7" fa-pied-piper-alt "f1b8" fa-recycle

"f1d9" fa-send-o "f1de" fa-sliders

"f1bc" fa-spotify "f1a3" fa-stumbleupon-circle

"f1bb" fa-tree "f1d7" fa-weixin

"f1b3" fa-cubes "f182" fa-female

Older Post

6/2/14 Update List Font Icon Awesome V4.1.0 | SAMSURY SITES

samsury-sites.blogspot.com/2014/06/update-list-font-icon-awesome-v410.html 4/4

Sign out

Notify me

Enter your comment...

Comment as: Virlyz Nyzam (Google)

Publish

Preview

BY SAMSURY SITES