Micon - Ikon Ikon Windows 10 untuk Desainer Web

Itu mendesain ulang untuk Windows 10 hadir dengan banyak fitur baru dan tampilan yang sama sekali baru. Salah satu perubahan terbesar terjadi pada gaya ikon, terutama dibandingkan dengan Windows 7 dan XP.

Terima kasih kepada Set mikon, sekarang kamu bisa bawa ikon gaya Win10 langsung ke situs web Anda.

Paket ikon ini datang sebagai font ikon dan itu dirilis secara gratis melalui GitHub. Repo utama memiliki informasi pengaturan, tapi beranda Micon fitur semua ikon dipajang dengan nama kelas yang sesuai.

Struktur situs web yang sebenarnya mengikuti format yang mirip dengan Font Awesome. Kamu bisa telusuri semua ikon dan klik salah satunya untuk mendapatkan rincian lebih lanjut di halaman baru.

Misalnya, ambil ikon pengisian baterai ini yang menggunakan desain baterai dan colokan pengisi daya kecil. Anda akan mendapatkan pratinjau ikon dengan berbagai ukuran, bersama kelas ikon CSS-nya, pada kasus ini mi-BatteryCharging10.

Kumpulan ikon ini juga berfungsi seperti halnya Font Awesome, di mana Anda bisa sematkan ikon ke HTML Anda. Cuplikan kode untuk ikon baterai ini berfungsi sama:

Sangat mudah untuk memulai, hanya dengan salinan stylesheet Micon CSS dan beberapa pengetahuan dasar tentang pengembangan front-end.

Lihat halaman pengaturan untuk belajar lebih banyak. Sungguh, Anda hanya perlu melakukannya unduh salinan paket Micon dari GitHub dan sertakan stylesheet itu (beserta font ikon yang tepat) ke halaman Anda. Dari sana saja referensi nama kelas seperti di atas dan Anda baik untuk pergi.

Karena proyek ini open-source, Anda bebas untuk menggunakan ikon-ikon ini dengan proyek apa pun, pribadi atau komersial. Dan, Anda bahkan bisa buat file Anda sendiri dengan mengikuti instruksi pembuatan dari Micon GitHub. Dengan cara ini Anda bisa kemas hanya ikon yang Anda inginkan ke dalam file font dan mengurangi ukuran file total.

Secara keseluruhan, saya sangat terkesan dengan berbagai ikon dan pengaturan mudah. Kamu dapat menemukan banyak contoh di situs web dan bahkan ikon animasi pada halaman Contoh yang menyertakan cuplikan kode.

Ikon ini bahkan bekerja dengan baik dengan Bootstrap, jadi kamu bisa menggabungkannya dengan kerangka kerja BS3 / BS4 untuk beberapa tata letak khusus yang nyata.

Unduh hak cipta gratis dari beranda Micon dan lihat bagaimana Anda dapat menggunakan ikon gaya Windows 10 ini ke dalam desain berikutnya.