50 Font Ikon Gratis Terbaik untuk Desain UI

Meskipun sangat populer, font Ikon juga memiliki kekurangannya. Ian Feather telah membahas alasannya untuk beralih dari font ikon ke SVG, dan Trik CSS telah menguraikan beberapa pertimbangan saat memilih antara sistem font ikon atau SVG.

Keduanya jelas mendukung SVG. Sebagai kontra-argumen, Pictonic mengatakan bahwa font ikon 10% lebih cepat dari SVG. Ini hanya hal-hal yang harus Anda pertimbangkan sebelum Anda menggunakan font ikon.

Untuk memastikan bahwa ikon Anda selalu dimuat dengan benar dan memiliki fallback yang andal untuk browser yang tidak mendukung @fontface , Anda harus melihat pedoman yang ditetapkan oleh Grup Filament , Font Ikon yang Dapat Diakses Bulletproof.

Ikon Eva Set Ikon UI Sumber Terbuka (480 Ikon)

Jika Anda merancang antarmuka baru atau ingin memamerkan fitur produk Anda, lihat font ikon yang hebat (dan gratis) ini. Ikon sumber terbuka ini menampilkan tindakan dan item, mulai dari panah dan lampiran hingga palet warna. Dengan lebih dari 480 ikon, ini adalah keseluruhan paket!

Font Ikon Garis Tipis Trendi (100 Ikon, Elemen Envato)

Tidak ada yang seperti minimalis untuk menonjolkan kualitas produk Anda, dan set ikon ini adalah pilihan yang sangat baik untuk proyek Anda berikutnya. Mereka adalah vektor dan sepenuhnya dapat diedit di Adobe Illustrator. Dari ikon frekuensi hingga ikon sakelar garis besar yang indah, Anda akan memiliki semua yang Anda butuhkan!

Buka Set Sumber Terbuka Ikon (223 Ikon)

Berhentilah khawatir tentang membuat ikon Anda berfungsi dengan pemformatan teks Anda. Kumpulan ikon sumber terbuka ini hadir dengan lebih dari 230 ikon praktis dan teknis dalam berbagai format, dari SVG hingga WOFF. Anda dapat dengan cepat mengukurnya agar sesuai dengan kebutuhan Anda dengan CSS, dan mereka dapat dibaca dengan sempurna bahkan pada 8px.

Font Ikon Pictypo oleh Typogama (Elemen Envato)

Pictypo menawarkan ikon yang menyenangkan dan menarik yang ditampilkan dengan font dingbat. Gaya bulat menambahkan sedikit keramahan, dan Anda akan mendapatkan banyak hal untuk dikerjakan. Dari ikon cuaca hingga simbol kantor, Pictypo menawarkan semua yang Anda butuhkan. Garis-garisnya tebal, sehingga terlihat bagus di layar besar juga.

Paket Ikon Ionicons untuk Kerangka Ionic (1.100+ Ikon)

Ionicons adalah paket ikon yang lengkap untuk kerangka kerja Ionic. Anda akan mendapatkan banyak ikon aplikasi (pemberitahuan, panah, makanan, dan lainnya), serta ikon yang menampilkan logo merek terkenal (misalnya, Pinterest). Bergantung pada kebutuhan Anda, Anda dapat mengunduh kerangka, isi, dan/atau render ikon tajam sebagai file SVG dan font web.

Set Ikon Gambar Bingkai Icoframe (60 Ikon, Elemen Envato)

Jadikan proyek Anda berikutnya lebih dinamis dan menarik dengan Icoframe – ikon gambar rangka yang cantik dan modern. Anda akan mendapatkan 60 ikon wireframe minimalis, mulai dari simbol untuk halaman login hingga ikon grid, timeline, dan tipografi. Desainnya sangat intuitif, dan Anda dapat dengan mudah menyesuaikannya di Adobe Illustrator.

Font Mengagumkan (1.500+ Ikon)

Font Awesome adalah kumpulan ikon besar dan sangat populer. Mereka menawarkan lebih dari 1.600 ikon gratis, yang semuanya telah dirancang dengan cermat untuk menunjukkan keramahan dan kemudahan penggunaan. Anda akan menemukan segalanya mulai dari AWS dan logo merek lainnya hingga ikon bisnis dan gaya hidup di galeri FA.

Font Wirebet Wirebet (Elemen Envato)

Font Wirebet adalah pilihan yang bagus jika Anda ingin merampingkan alur kerja Anda dan mengintegrasikan ikon yang menarik ke dalam materi Anda tanpa mem-boot suite desain Anda. Anda akan mendapatkan berbagai ikon teknis, mulai dari simbol untuk halaman portofolio hingga panah dan ikon perangkat. Wirebet sangat cocok untuk wireframes!

Font Ikon Garis Luar Biasa (1.380 Ikon)

Tambahkan ikon garis modern ke materi Anda dalam satu baris kode dengan Line Awesome. Ini meningkatkan penawaran Font Awesome dan memungkinkan Anda menambahkan semua jenis ikon (dari aksesibilitas dan bangunan hingga panah dan ikon merek) ke situs web Anda (melalui CDN), prototipe Figma, dan banyak lagi.

Koleksi Font yang Licik (24 Font, Elemen Envato)

Koleksi Crafty menawarkan 24 font menarik dan menyenangkan yang dapat Anda gunakan untuk membuat desain Anda berikutnya jauh lebih menarik. Dari bintang dan garis hingga garis kasar dan taburan, The Crafty Collection menawarkan kombinasi font yang serasi sehingga desain Anda akan selalu terlihat kohesif dan menarik.

Dashicons, Font Ikon Admin WordPress (300 Ikon)

Dashicons adalah font ikon untuk WordPress. Jika Anda ingin meniru gaya khas WP di proyek lain, Anda akan menyukainya. Ini sangat teknis dalam gaya, tetapi mendapatkan intinya dan mudah digunakan. Dari logo merek hingga TinyMCE, jadilah liar!

Ikon Remix Perpustakaan Sumber Terbuka (2.000+ Ikon)

Remix Icon adalah pustaka ikon sumber terbuka dengan lebih dari 2.200 ikon. Semua ikon gratis untuk penggunaan pribadi dan komersial. Anda akan melihat berbagai macam ikon, dari ikon garis tipis hingga simbol yang diisi untuk penekanan ekstra. Dapatkan mereka sebagai PNG, SVG, atau kode.

Font Ikon Tema (320 Ikon)

Terinspirasi oleh Apple iOS, ikon Themify menawarkan lebih dari 300 ikon minimalis yang indah. Dari panah hingga ikon aplikasi, Anda akan mendapatkan semua yang Anda butuhkan baik sebagai font ikon untuk integrasi alur kerja yang lebih mudah (termasuk SVG), atau plugin untuk WordPress. Ikon Themify sempurna untuk desain UI modern!

Font Ikon Garis Dripicons v.2 (200 Ikon)

Jika Anda tidak ingin ikon garis varietas taman, lihat Dripicons. Font ikon gratis ini sangat mudah digunakan, tetapi bagian terbaiknya adalah font itu indah! Anda akan mendapatkan satu set ikon garis tebal serbaguna, dari panah dan teknologi hingga pendidikan dan musik.

Ikon Octicons GitHub (180 Ikon)

Jika Anda menyukai estetika GitHub, Anda akan menyukai Octicons mereka. Ikon ini tersedia dalam dua ukuran (16px dan 24px), dan juga menyertakan beberapa ikon kasus khusus seperti permintaan tarik. Anda dapat beralih antara garis besar dan ikon yang diisi, dan keduanya berfungsi sempurna dengan bahasa pemrograman yang berbeda.

Font Ikon Pondasi (280 Ikon)

Mulai hanya dengan beberapa baris kode dan ikon Foundation. Koleksi ini terdiri dari kumpulan yang berbeda, dari ikon umum hingga ikon aksesibilitas, jadi ada sesuatu untuk setiap proyek. Ikon fondasi berfungsi sebagai font web, jadi Anda tidak perlu melewati rintangan.

Font Ikonik Devicons untuk Pengembang (78 Ikon)

Devicons adalah font ikon yang dibuat khusus untuk pengembang dan berbagai proyek. Font ini berisi 85 ikon, terutama logo merek untuk layanan seperti Dropbox dan platform pengkodean seperti PostgreSQL. Perangkat dapat diintegrasikan dengan menambahkan satu baris kode ke dalam HTML header proyek.

Font Ikon Elegan (360 Ikon)

Cantik, elegan, dan menarik – font ikon ini berisi lebih dari 300 ikon yang beragam. Mereka mudah diintegrasikan dan digunakan, terutama jika Anda pernah menggunakan Tema Elegan atau pembuat Divi di masa lalu. Dari ikon file hingga panah, Anda akan menemukan semua yang Anda butuhkan di set ini.

Set Ikon Sumber Terbuka Bulu (282 Ikon)

Tetap sederhana dan mudah diakses dengan Feather, koleksi besar ikon sumber terbuka. Dari panah dan chevron, hingga ikon UI aplikasi, Feather adalah tambahan yang sangat baik untuk kotak peralatan desain standar Anda. Anda dapat menyesuaikan ukuran, lebar goresan, dan warna setiap ikon, sehingga sesuai dengan merek Anda dengan sempurna.

Font Ikon Typicons (336 Ikon)

Sederhana, ramah, dan sempurna untuk berbagai macam proyek, Typicons adalah pilihan yang tepat. Mereka disematkan dalam font web, sehingga mudah digunakan. Anda akan mendapatkan 336 ikon, dari roda gigi dan panah hingga logo merek. Anda dapat memilih antara ikon atau garis besar yang terisi.

Paket Ikon Gratis IcoMoon (490 Ikon)

Segarkan toolkit ikon standar Anda dengan ikon gratis IcoMoon. Anda akan mendapatkan 490 ikon vektor yang sempurna untuk aplikasi dan UI web. Ikon-ikon ini sederhana dan minimalis dengan sedikit kepribadian. Dari ikon rumah hingga wajah tersenyum, semuanya lengkap!

Font Ikon Genericons Neue (100 Ikon)

Sederhanakan desain Anda dengan Genericons, kumpulan ikon sederhana dan minimalis untuk desain web dan aplikasi. Mereka bekerja dengan sempurna untuk blog atau situs web sederhana di mana Anda ingin tetap fokus pada pesan Anda. Anda akan mendapatkan banyak ikon untuk fitur utama, dari peta situs hingga umpan RSS.

Ikon-Bekerja Gratis Ikon Font (136 Ikon)

Font ikon gratis dan bergaya, Icon-Works adalah pilihan yang sangat baik jika Anda ingin membuat desain Anda berikutnya menonjol. Anda akan mendapatkan banyak ikon cantik yang siap untuk retina yang dapat Anda sesuaikan. Mereka dapat diskalakan, jadi Anda bahkan tidak perlu khawatir untuk mengubah ukurannya.

Font Ikon Mikron (108 Ikon)

Ikon mikron bangga dengan kesederhanaannya. Koleksi ini menyediakan ikon untuk kasus penggunaan yang paling umum, dari bagan dan panah hingga ikon navigasi. Mereka mudah dikodekan, dan file itu sendiri hanya 5kb, jadi mereka sempurna untuk digunakan di seluruh portofolio proyek Anda.

Font Ikon Stroke 7 (202 Ikon)

Langsung dari bengkel Pixeden, Stroke 7 adalah kumpulan ikon garis tipis. Set ini menawarkan 200+ ikon yang dapat disesuaikan dengan CSS. Mereka terinspirasi oleh ikon awal 00, jadi mereka tidak akan menonjol dan menarik perhatian dari pesan utama Anda.

Font Ikon Stroke Vol.1 (80 Ikon)

Petras Nargela merancang satu set 80 ikon goresan, dan gratis. Ikon cantik ini segar, bersih, dan siap untuk membumbui desain Anda. Anda dapat mengunduhnya sebagai PSD, AI, atau file font web. Jika Anda membutuhkan sesuatu yang berbeda, Anda telah menemukannya!

Font Ikon Desain Material

Dibuat oleh Google, kumpulan ikon Desain Material berisi banyak ikon yang dapat Anda gunakan di seluruh proyek Anda. Anda hanya perlu menambahkan satu baris kode ke situs web Anda, dan Anda siap melakukannya! Karena anggota komunitas terus menambahkan ikon mereka sendiri, ada banyak variasi.

Ikon Esensial Garis Minimal (77 Ikon)

Jika UI Anda minimalis, pilih ikon yang mengikuti isyarat estetika yang sama. Kumpulan ikon garis besar minimal ini berisi lebih dari 70 ikon yang bersih dan tajam. Vektor dapat diskalakan, dan Anda dapat dengan mudah mengubah warna ikon agar sesuai dengan gaya Anda. Anda dapat mengunduhnya secara gratis dalam berbagai format.

Ikon Garis Tonikon (300 Ikon)

Tonicons adalah kumpulan font ikon fantastis yang tidak hanya mudah digunakan tetapi juga indah! Anda akan mendapatkan 300 ikon garis bersih dan minimalis untuk aplikasi dan desain UI web. Dari semua jenis file hingga ikon perpesanan, set Tonicons mencakup setiap kasus penggunaan.

Ikon Gaya Metro Metrize (300 Ikon)

Ikon Metrize menghadirkan 300 ikon bergaya metro yang akan meningkatkan proyek Anda berikutnya. Anda dapat menggunakannya untuk aplikasi dan situs web, dan semuanya sangat mudah karena juga tersedia sebagai font web. Dari logo merek hingga panah, Metrize membantu Anda!

CSSans Pro CSS Font

CSSans adalah font CSS yang penuh warna dan dinamis. Terdiri dari beberapa elemen geometris warna-warni yang menambah semangat pada desain Anda, CSSans adalah tentang kepribadian! Anda akan mendapatkan karakter huruf besar dan kecil yang unik, angka, dan simbol lainnya. Ini dapat disesuaikan tanpa batas dan menarik perhatian sejak awal!

Set Ikon MFG Labs (120 Ikon)

Kumpulan ikon MFG Labs awalnya dirancang untuk proyek internal, tetapi tim tidak dapat menahan diri untuk membagikan kumpulan ikon serbaguna ini. Mereka mudah disematkan dan disesuaikan dengan CSS. Anda akan menemukan semua ikon yang Anda butuhkan untuk menciptakan suasana yang tepat untuk desain Anda berikutnya.

Font Ikon Simbol Ligatur (240 Ikon)

Ligature Symbols adalah font ikon dengan ikon yang menyenangkan dan minimalis. Ikon individu dapat digabungkan untuk membuat ligatur (misalnya, menggabungkan tabel dan ikon sel untuk membuat kisi), meningkatkan kegunaan koleksi ini. Anda akan menemukan semua yang Anda butuhkan, jadi cobalah font ikon gratis ini!

Font Ikon Pemrograman & Pengembangan Devicon 2.0 (78 Ikon)

Devicons adalah ikon ramah pengembang yang dibuat untuk mewakili alat pemrograman dan pengembangan. Dari Chrome dan Confluence hingga Django dan Adobe Illustrator, Anda akan menemukan ikon yang Anda cari. Anda dapat dengan mudah menyalin-menempelkannya ke dalam proyek Anda dengan menggunakan versi font atau versi SVG.

Set Font Ikon Mini (80 Ikon)

Sederhana dan bersih, ikon mini ini sempurna untuk berbagai macam proyek, terutama yang bernuansa formal. Koleksi ikon ini berisi 80 ikon yang dibuat dengan tepat dalam format font PSD dan ikon. Dari simbol unduh/unggah hingga ikon lokasi dan cuaca, set ini menawarkan setiap ikon yang Anda butuhkan!

Set & Font Ikon Helium (100 Ikon)

Kumpulan ikon Helium Taras Shypka menawarkan banyak ikon. Mereka tidak hanya datang dalam setiap format yang bisa dibayangkan, tetapi Anda juga dapat menggunakannya sebagai font ikon. Anda akan mendapatkan 112 ikon dengan garis berbayang halus yang menambahkan kilau. Helium jelas merupakan pilihan estetika!

Ikon Garis Gonzocons 2.0 (100 Ikon)

Set Gonzocons yang dirancang oleh Jan Rajtoral menawarkan 100 ikon garis yang secara sempurna meniru tren desain ikon modern. Dari panah sederhana hingga hati dan jam pasir yang melayang, ikon Gonzocon pasti memiliki kepribadian. Anda bisa mendapatkannya sebagai file SVG atau sebagai font web untuk integrasi yang lebih mudah dengan aplikasi/situs Anda.

Font Penanda Ikon Peta (180 Ikon)

Ikon Peta adalah font ikon yang dibuat untuk Google Maps dan Places. Anda dapat dengan mudah menyesuaikan ikon dengan CSS, dan memilih dari lebih dari 175 ikon. Dari ikon umum untuk salon rambut hingga ikon untuk aktivitas, set ini memberi Anda banyak pilihan untuk membuat proyek Anda berikutnya luar biasa.

Diuraikan Ikon Webfont (150 Ikon)

Sederhana dan menyenangkan, set ini menawarkan 150 ikon yang diuraikan. Anda bisa mendapatkannya sebagai PSD, AI, SVG, atau file font web. Ikon Dario Ferrando terinspirasi oleh desain ikon web kontemporer, tetapi mereka memiliki banyak kepribadian untuk membuat proyek Anda berikutnya menonjol dan memukau audiens Anda.

Ikon Ruang Tak Terbatas (230 Ikon)

Bidik bulan dengan ikon luar angkasa yang indah ini. Anda akan mendapatkan lebih dari 230 simbol, termasuk pesawat luar angkasa, planet, dan banyak lagi! Mereka sangat mudah digunakan karena merupakan font dingbat, dan jika Anda mulai mengetik angka-angkanya, Anda akan menemukan seluruh tata surya.

Font Ikon Bertema Cuaca (222 Ikon)

Jika prakiraan akurat sangat penting untuk proyek Anda berikutnya, Anda akan menyukai kumpulan ikon bertema cuaca ini. Dengan lebih dari 200 ikon (termasuk ikon khusus seperti 28 fase bulan), Anda akan siap untuk membuat sesuatu yang menakjubkan! Anda dapat dengan mudah menyesuaikannya dengan CSS agar sesuai dengan kebutuhan Anda.

Font Ikon Cuaca Meteor (40 Ikon)

Dapatkan 40+ ikon cuaca minimalis dan bersahabat dengan Meteocons. Set ini menawarkan setiap format yang bisa dibayangkan, dari SVG ke desktop dan font web. Mereka bebas untuk digunakan secara pribadi dan komersial, dan Anda bahkan dapat membuat font khusus dengan ikon yang sering Anda gunakan. Pembaruan ikon juga gratis!

Font Ikon Sosial Stackicons (75 Ikon)

Tambahkan lebih banyak warna pada desain Anda dengan Stackicons, koleksi lebih dari 60 ikon yang diperbarui dengan logo merek, dari Dribbble hingga Reddit. Mereka akan menambahkan lebih banyak kepribadian ke kit desain standar Anda. Anda dapat memilih ikon biasa, variasi bulat yang berbeda, atau ikon persegi, dan ada sesuatu untuk semua orang!

Perpustakaan Ikon Media Sosial Sosial (74 Ikon)

Jika Anda sedang mencari ikon sosial yang luar biasa, lihat Socialicious. Ini memberi Anda ikon media sosial dalam bentuk font, sehingga sangat mudah digunakan dan bahkan lebih mudah untuk disesuaikan. Integrasikan dengan satu baris kode, dan sesuaikan dengan CSS.

Font Ikon Sosial Mono (100 Ikon)

Menarik dan dinamis, Mono Social adalah ikon media sosial dengan kepribadian yang menyenangkan. Anda dapat menggunakannya secara gratis dan memilih salah satu dari tiga opsi presentasi (bulat, lingkaran, reguler) agar sesuai dengan gaya Anda. Gunakan dengan CSS, HTML, dan SCSS. Mereka gratis untuk penggunaan pribadi dan komersial.

Paket Ikon Media Sosial Fontfabric (74 Ikon)

Dibuat oleh Jelio Dimitrov, Socialico adalah paket dari 74 ikon media sosial yang hidup dan menarik. Mereka dikemas sebagai font web, jadi setiap karakter di keyboard Anda menghasilkan ikon yang indah dengan banyak alternatif presentasi. Karena ikon font ini gratis, tambahkan ke kotak peralatan Anda!