Elusive Icon dan CSS Value Content
Complete list of Elusive icons and their CSS content values - Beberapa bulan kebelakang saya pernah share icon berbasis font dari Font Awesome. Sebenarnya masih banyak penyedia icon berbasis font ini, namun saat ini saya share buat sobat yaitu Elusive Icon.
Untuk bisa menggunakannya, sobat simpan dulu CSS dan embed font nya di atas
Atau sobat bisa download sendiri DISINI. Untuk penggunaannya, sama dengan FontAwesome dengan menggunakan
Berikut, list lengkap Elusive Icons serta value contentnya :
Untuk bisa menggunakannya, sobat simpan dulu CSS dan embed font nya di atas
</head><link href="" rel="stylesheet" type="text/css"/>Atau sobat bisa download sendiri DISINI. Untuk penggunaannya, sama dengan FontAwesome dengan menggunakan
<i class="nama-icon"></i> atau dengan menggunakan pseudo element :before, contoh penggunaan :.element {
position:relative;
}
.element:before {
content:"\e0b3";
font-family:Elusive-Icons;
position:absolute;
}Berikut, list lengkap Elusive Icons serta value contentnya :
Bootstraps Default Icons
- icon-glass"\e0b0"
- icon-link"\e089"
- icon-lines"\e08a"
- icon-music"\e078"
- icon-search"\e041"
- icon-envelope"\e0d8"
- icon-heart"\e09f"
- icon-star"\e032"
- icon-star-empty"\e030"
- icon-user"\e014"
- icon-film"\e0c6"
- icon-th-large"\e024"
- icon-th"\e025"
- icon-th-list"\e023"
- icon-ok"\e074"
- icon-remove"\e052"
- icon-zoom-in"\e000"
- icon-zoom-out"\f05c"
- icon-off"\e075"
- icon-signal"\e03b"
- icon-cog"\e0ea"
- icon-trash"\e01c"
- icon-home"\e09c"
- icon-file"\e0cc"
- icon-time"\e020"
- icon-road"\e046"
- icon-download-alt"\e0dc"
- icon-download"\e0dd"
- icon-upload"\e015"
- icon-inbox"\e098"
- icon-play-circle"\e05f"
- icon-repeat"\e04f"
- icon-refresh"\\e053"
- icon-list-alt"\e086"
- icon-lock"\e084"
- icon-flag"\e0c3"
- icon-headphones"\e0a1"
- icon-volume-off"\e00b"
- icon-volume-down"\e00c"
- icon-volume-up"\e00a"
- icon-qrcode"\e05b"
- icon-barcode"\e110"
- icon-tag"\e02a"
- icon-tags"\e029"
- icon-book"\e10a"
- icon-bookmark"\e109"
- icon-print"\e05c"
- icon-camera"\e0ff"
- icon-font"\e0bc"
- icon-bold"\e10b"
- icon-italic"\e090"
- icon-text-height"\e027"
- icon-text-width"\e026"
- icon-align-left"\e11a"
- icon-align-center"\e11c"
- icon-align-right"\e119"
- icon-align-justify"\e11b"
- icon-list"\e087"
- icon-indent-left"\e095"
- icon-indent-right"\e094"
- icon-facetime-video"\e0d0"
- icon-picture"\e064"
- icon-pencil"\e06c"
- icon-map-marker"\e07f"
- icon-adjust-alt"\e11e"
- icon-adjust"\e11f"
- icon-tint"\e01e"
- icon-edit"\e0da"
- icon-share"\e03f"
- icon-check"\e0f7"
- icon-move"\e079"
- icon-step-backward"\e02f"
- icon-fast-backward"\e0cf"
- icon-backward"\e112"
- icon-play"\e061"
- icon-pause"\e06e"
- icon-stop"\e02d"
- icon-forward"\e0b8"
- icon-fast-forward"\e0ce"
- icon-step-forward"\e02e"
- icon-eject"\e0d9"
- icon-chevron-left"\e0f4"
- icon-chevron-right"\e0f3"
- icon-plus-sign"\e05d"
- icon-minus-sign"\e07a"
- icon-remove-sign"\e050"
- icon-ok-sign"\e072"
- icon-question-sign"\e059"
- icon-info-sign"\e093"
- icon-screenshot"\e042"
- icon-remove-circle"\e051"
- icon-ok-circle"\e073"
- icon-ban-circle"\e111"
- icon-arrow-left"\e117"
- icon-arrow-right"\e116"
- icon-arrow-up"\e115"
- icon-arrow-down"\e118"
- icon-share-alt"\e03e"
- icon-resize-full"\e04d"
- icon-resize-small"\e04b"
- icon-plus"\e05e"
- icon-minus"\e07b"
- icon-asterisk"\e113"
- icon-exclamation-sign"\e0d4"
- icon-gift"\e0b3"
- icon-leaf"\e08b"
- icon-fire"\e0c4"
- icon-eye-open"\e0d2"
- icon-eye-close"\e0d3"
- icon-warning-sign"\e008"
- icon-plane"\e062"
- icon-calendar"\e101"
- icon-random"\e056"
- icon-comment"\e0e7"
- icon-magnet"\e081"
- icon-chevron-up"\e0f2"
- icon-chevron-down"\e0f2"
- icon-retweet"\e048"
- icon-shopping-cart"\e03d"
- icon-folder-close"\e0bf"
- icon-folder-open"\e0be"
- icon-resize-vertical"\e04a"
- icon-resize-horizontal"\e04c"
- icon-hdd"\e0a2"
- icon-bullhorn"\e102"
- icon-bell"\e10e"
- icon-bulb"\e103"
- icon-certificate"\e0f8"
- icon-thumbs-up"\e021"
- icon-thumbs-down"\e022"
- icon-hand-right"\e0a4"
- icon-hand-left"\e0a5"
- icon-hand-up"\e0a3"
- icon-hand-down"\e0a6"
- icon-circle-arrow-right"\e0ee"
- icon-circle-arrow-left"\e0ee"
- icon-circle-arrow-up"\e0ed"
- icon-circle-arrow-down"\e0f0"
- icon-globe"\e0ae"
- icon-wrench"\e003"
- icon-tasks"\e028"
- icon-filter"\e0c5"
- icon-briefcase"\e106"
- icon-fullscreen"\e0b4"
Social Icons
- icon-facebook"\e0d1"
- icon-twitter"\e019"
- icon-googleplus"\e0ac"
- icon-linkedin"\e088"
- icon-pinterest"\e064"
- icon-foursquare"\e0b7"
- icon-youtube"\e001"
- icon-vimeo"\e00e"
- icon-skype"\e03a"
- icon-picasa"\e065"
- icon-stumbleupon"\e02b"
- icon-digg"\e0de"
- icon-tumblr"\e01a"
- icon-github"\e0b2"
- icon-github-text"\e0b1"
- icon-friendfeed"\e0b6"
- icon-friendfeed-rect"\e0b5"
- icon-wordpress"\e004"
- icon-slideshare"\e039"
- icon-reddit"\e053"
- icon-dribbble"\e0db"
- icon-behance"\e10f"
- icon-deviantart"\e0df"
- icon-delicious"\e0e0"
- icon-stackoverflow"\e033"
- icon-lastfm"\e08c"
- icon-viadeo"\e013"
- icon-livejournal"\e085"
- icon-myspace"\e077"
- icon-soundcloud"\e036"
- icon-spotify"\e034"
- icon-vkontakte"\e00d"
General Use Icons
- icon-return-key"\e049"
- icon-broom"\e105"
- icon-brush"\e104"
- icon-car"\e0fe"
- icon-fork"\e0ba"
- icon-caret-down"\e0fd"
- icon-caret-left"\e0fc"
- icon-caret-right"\e0fb"
- icon-caret-up"\e0fa"
- icon-website"\e007"
- icon-website-alt"\e006"
- icon-fontsize"\e0bb"
- icon-view-mode"\e00f"
- icon-wrench-alt"\e002"
- icon-video-chat"\e010"
- icon-video-alt"\e011"
- icon-star-alt"\e031"
- icon-video"\e011"
- icon-unlock"\e017"
- icon-unlock-alt"\e016"
- icon-trash-alt"\e01b"
- icon-torso"\e01d"
- icon-reverse-alt"\e047"
- icon-stop-alt"\e02c"
- icon-play-alt"\e060"
- icon-pause-alt"\e06d"
- icon-record"\e055"
- icon-repeat-alt"\e04e"
- icon-mic"\e07d"
- icon-mic-alt"\e07c"
- icon-speaker"\e035"
- icon-smiley"\e038"
- icon-smiley-alt"\e037"
- icon-search-alt"\e040"
- icon-screen"\e044"
- icon-screen-alt"\e043"
- icon-time-alt"\e01f"
- icon-shopping-cart-sign"\e03c"
- icon-rss"\e045"
- icon-quotes"\e058"
- icon-quotes-alt"\e057"
- icon-photo"\e067"
- icon-photo-alt"\e066"
- icon-wheelchair"\e005"
- icon-universal-access"\e018"
- icon-question"\e05a"
- icon-phone-alt"\e068"
- icon-phone"\e069"
- icon-person"\e06a"
- icon-pencil-alt"\e06b"
- icon-path"\e06f"
- icon-paper-clip-alt"\e070"
- icon-paper-clip"\e071"
- icon-network"\e076"
- icon-error-alt"\e0d5"
- icon-error"\e0d6"
- icon-map-marker-alt"\e07e"
- icon-male"\e080"
- icon-envelope-alt"\e0d7"
- icon-lock-alt"\e085"
- icon-laptop-alt"\e08d"
- icon-laptop"\e08e"
- icon-key"\e08f"
- icon-iphone-home"\e091"
- icon-instagram"\e092"
- icon-inbox-alt"\e097"
- icon-idea-alt"\e099"
- icon-idea"\e09a"
- icon-home-alt"\e09b"
- icon-heart-empty"\e09d"
- icon-heart-alt"\e09e"
- icon-hearing-impaired"\e0a0"
- icon-guidedog"\e0a7"
- icon-group-alt"\e0a8"
- icon-group"\e0a9"
- icon-graph-alt"\e0aa"
- icon-graph"\e0ab"
- icon-globe-alt"\e0ad"
- icon-glasses"\e0af"
- icon-forward-alt"\e0b8"
- icon-folder-sign"\e0bd"
- icon-folder"\e0be"
- icon-flickr"\e0c1"
- icon-flag-alt"\e0c2"
- icon-file-new-alt"\e0c7"
- icon-file-new"\e0c8"
- icon-file-edit-alt"\e0c9"
- icon-file-edit"\e0ca"
- icon-file-alt"\e0cb"
- icon-female"\e0cd"
- icon-inbox-box"\e096"
- icon-dashboard"\e0e1"
- icon-credit-card"\e0e3"
- icon-compass-alt"\e0e4"
- icon-compass"\e0e5"
- icon-comment-alt"\e0e6"
- icon-child"\e0f1"
- icon-check-empty"\e0f6"
- icon-cc"\e0f9"
- icon-calendar-sign"\e100"
- icon-blind"\e10d"
- icon-asl"\e114"
- icon-cogs"\e0e8"
- icon-cog-alt"\e0e9"
- icon-cloud-alt"\e0eb"
- icon-cloud"\e0ec"
- icon-braille"\e107"
- icon-bookmark-empty"\e108"
- icon-magic"\e082"
- icon-blogger"\e10c"
- icon-adult"\e11d"
- icon-address-book"\e121"
- icon-address-book-alt"\e120"
- icon-w3c"\e009"
- icon-css"\e0e2"
152 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
saya masih bingung nih..maklum newbie masih SMP..
o iya kalo kang ismet mau balas permintaan saya tolong pake fitur reply ya soalnya saya sudah mencentang "notify me"..
makasih!
http://www.asli-tutorial.blogspot.com
http://otnielfernando.blogspot.com
kalo boleh saya mau belajar sekalian saya pengen coding forum jcms pake ini
ijin repost ya kang
Sudah lama gak ngeblog,. jadi rada kaku deui kang.
CSS na mantap, tmbah lagi Elusive Icon,.. Wew ciamix abis kang pokokna mah.
Ngiringa kaiyuhan deui abdi didieu..
Salam sukses nya Kang Ismet.... :-bd
ijin bookmark dulu
.element {
position:relative;
}
.element:before {
content:"\e0b3";
font-family:Elusive-Icons;
position:absolute;
}
makasih sudah share
ngomong2 tampilan blog kangismet sekarang tambah keren nih ^_^
absen dulu ^_^
- salam damai
http://4.bp.blogspot.com/-MMGA0rNAcuo/UncHuhIFe6I/AAAAAAAADLY/3IHIkxK4nf8/s1600/Blog+Kang+Ismet.bmp :)
Mantap :-d
Maaf kang naro link -> Fastewuss.blogspot.com (BLOG DEMO)
Nanti bila membutuhkanya, terapkan di blog saya
O,ya tampilan template nya, jadi di persempit halaman
Posts nya, Kang Di edit apa emang ganti Template Kang?
Soalnya kang nulis dan idenya susah...boleh copas asalkan sumber linknya ditunjukin yah kan Kang Ismet.
Icon-iconya bagus juga
https://lh4.googleusercontent.com/-hCu83Hv-HZA/UnYDxO0aDKI/AAAAAAAAApw/2S-rESNulCM/w426-h237/keren.png
Betul kata kangismet panjang kodenya, tapi sih tinggal copas aja JS nya, hehehe..
Udah saya coba & work perfect di blogger... Berhubung saya gx jago nulis TUTOR jadi silahkan kangismet mungkin mau menuliskannya.. :D
http://dbunggul-site.blogspot.com/
hampir mirip dengan font awesome... ya.. sama tapi berbeda..
makasih ya kang.. kalau saya pasti nggak sanggup nulisnya.. banyak banget iconnya.. bisa bikin pusing..
mantap lah,,
pelajari dl
kang ismet!!
saya boleh minta script yang artiel terkaitnya yg di bawah postingan blog ini!!
- boleh ngak ^_^
Bagus-bagus banget. Minta izin bookmark dulu. Trims sebelumnya :)
Ijin bookmark kang :)
Keren kang iconnya...buat tidak berat blog
izin nyimak kang, iconnya tambah meledak banyak :D
- salam damai :-d
pasti capek nulisnya :D
#saya datang yang ke dua aja deh ^_^