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 </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

Social Icons

General Use Icons