Beranda » Toolkit » 10 Ikon Huruf Berguna & Gratis yang Harus Anda Bookmark

    10 Ikon Huruf Berguna & Gratis yang Harus Anda Bookmark

    Karena semakin banyak perangkat mengadopsi layar definisi tinggi, ikon font menjadi pilihan yang populer untuk diadopsi. Ini dapat diubah ukurannya tanpa mengurangi kualitas dan dapat dikustomisasi melalui CSS. Kita dapat dengan mudah mengubah warna, ukuran, dan bahkan menganimasikan ikon font dengan CSS3. Plus itu resolusi-independen yang membuatnya terlihat jernih pada kepadatan layar apa pun.

    FontAwesome sejauh ini merupakan salah satu sumber font paling populer, dengan banyak koleksi ikon. Tetapi sangat tidak perlu mengunduh seluruh koleksi ketika Anda hanya perlu menggunakan beberapa. Di sini adalah 10 sumber alternatif ikon font yang dikarang dengan baik yang saya harap Anda akan menemukan berguna di waktu untuk membangun situs web dan aplikasi hebat Anda berikutnya di tempat FontAwesome.

    StackIcons

    StackIcons adalah ikon font untuk lebih dari 60 merek sosial modern. Muncul dengan CSS, memungkinkan Anda untuk menata font Anda dalam berbagai bentuk wadah. Anda bisa mendapatkan ikon merek sosial Anda dalam lingkaran, bujur sangkar atau dengan ujung membulat. Anda juga dapat mewarnai ikon dalam lebih dari satu warna, memberi Anda lebih banyak warna merek yang realistis.

    Lisensi: SIL Open Font dan MIT

    Twemoji Luar Biasa

    Twemoji adalah proyek emotikon open source dari Twitter. Elle Kasai telah porting ke ikon font yang disebut Twemoji Luar Biasa. Semua nama kelas untuk menampilkan ikon adalah sama dengan Twemoji Cheat Sheet, tetapi Anda harus menggunakan tanda hubung bukan garis bawah, itu saja. Berikut adalah contoh cara kami menambahkan hatching_chick ikon:

      

    Lisensi: MIT dan CC-BY untuk grafis Emoticon

    Font Diao

    Font Diao adalah kumpulan ikon font dari situs web atau perusahaan populer yang berbasis di Cina seperti Alibaba, Alipay, WeChat, Xiaomi, dan Weibo. Font mungkin menjadi berguna ketika Anda sedang membangun wesbites yang ditujukan untuk audiens daratan Cina yang mungkin akrab dengan font khusus ini.

    Lisensi: Lisensi Publik

    Sosial

    Socialicious adalah font yang dibuat khusus untuk situs web sosial populer seperti Facebook, Twitter, dan Instagram. Font ini dibangun agar berfungsi dengan baik dengan Bootstrap. Berikut adalah contoh kode untuk membuat tombol dengan Bootstrap .btn kelas bersamaan dengan kelas font.

       Terhubung dengan Linkedin  

    Lisensi: Lisensi MIT.

    Oktikon

    Oktikon adalah serangkaian ikon font yang disajikan oleh GitHub, memungkinkan Anda untuk menggunakan ikon yang sama seperti yang digunakan oleh GitHub pada proyek Anda. Ada lebih dari 170 ikon yang siap diterapkan pada proyek Anda berikutnya.

    Font Pembayaran

    Jika Anda menggunakan gateway pembayaran, Anda mungkin ingin mengambil ikon font ini. Paket ini berisi 95 ikon tidur yang merupakan metode pembayaran atau gateway populer seperti Visa, American Express, dan lainnya.

    Lisensi: SIL OFL 1.1

    Ikon Android

    Ini adalah set ikon yang dibuat oleh Opoloo, yang sebelumnya dikenal sebagai komunitas Android. Ini termasuk 250 ikon luar biasa dalam 5 ukuran dan 14 warna ikon Android asli.

    Lisensi: Attribution-ShareAlike 4.0 International

    DevIcons

    DevIcons adalah seperangkat ikon font yang dibuat oleh Theodore Vorillas. Ini berisi 85 simbol dan logo aplikasi pengembangan yang sudah dikenal seperti ikon GitHub, ikon Gulp, ikon Angular, dan banyak lainnya.

    Lisensi: MIT

    Buka Ikon

    Open Icon berisi 223 ikon yang siap digunakan dengan bootstrap, framework atau stylesheet Anda sendiri. Ukuran font kecil, hanya 12,4Kb, yaitu sekitar seperempat dari apa yang dapat Anda temukan di FontAwesome. Yang keren di sini adalah, ikon-ikon ini dapat diperkecil menjadi 8px.

    Lisensi: SIL.

    Desain Bahan Font Ikon

    Ada 15 kategori ikon font yang terinspirasi oleh Desain Bahan Google dalam paket ini. Untuk menggunakannya, cukup instal Material-Design-Iconic-Font.ttf, lalu gunakan cheatsheet ini. Salin tempel ikon (bukan unicode) ke proyek Anda. Anda dapat memperbesar ikon, memberikan garis batas, memutar, memutar atau membalikkannya dengan CSS.

    Lisensi: Attribution-ShareAlike 4.0 International

    Sekarang Baca: 50+ Font Simbol Gratis Untuk Desainer Web