Fon Ikon Percuma Dan Berbayar Yang Terbaik - Alternatif Font Awesome

Kami bercakap tentang perkhidmatan terbaik yang mewakili ikon untuk pembangunan web, menggambarkan kebaikan dan keburukan setiap daripada mereka, dan mencadangkan anda memilih yang terbaik.

Mencari ikon unik untuk laman web anda? Sentiasa menabur ke font hebat, tetapi tidak mencari apa-apa yang menarik di atasnya? Kemudian pastikan anda membaca artikel ini - di sini kami memberitahu anda apa fon ikon, huraikan banyak laman web percuma dengannya, dan juga memberikan sampel ikon untuk setiap perkhidmatan. Buat pilihan anda untuk membuat rupa yang unik!

Alternatif terbaik untuk Font Awesome

Fon ikon telah lama digunakan dalam reka bentuk web untuk membuat ikon yang indah untuk laman web. Fon ikon adalah satu set simbol yang berubah menjadi imej tema yang berbeza. Fon sedemikian sebenarnya adalah fail teks yang berubah menjadi gambar menggunakan CSS.

Kebaikan menggunakan fon ikon

• Mereka boleh diubahsuai dalam apa jua cara: nyatakan saiz, warna, latar belakang, bayangan, kecerunan, memohon pseudo-kelas: hover atau fokus - untuk membuat gaya anda sendiri.
• Mereka boleh menjadi animasi.
• Meningkatkan atau mengurangkan saiz ikon tidak menjejaskan kualiti, jadi mereka memaparkan dengan betul walaupun pada paparan Retina.
• Berbanding dengan imej biasa, mereka lebih ringan dan beban lebih cepat.
• Untuk memuat turun fon ikon, anda hanya perlu satu permintaan HTTP, yang dapat meningkatkan kelajuan memuatkan halaman di laman web ini.
• Mereka disokong oleh semua pelayar (bahkan versi yang sangat lama).

Pada masa ini, fon yang paling popular adalah Font Awesome. Ia diketahui hampir semua orang yang pernah terlibat dalam pembangunan laman web. Ia pada asalnya dibuat untuk Bootstrap, tetapi kini telah menjadi ikon yang berdiri sendiri dan perpustakaan imej dengan lebih daripada 600 ikon.

Walau bagaimanapun, walaupun ini, terdapat banyak laman web yang mempunyai kandungan yang sama. Font percuma atau berbayar dari penerbit lain juga mempunyai ikon unik mereka sendiri, yang berguna apabila memilih logo anda sendiri untuk laman web anda. Kami akan memberitahu anda tentang mereka dalam artikel ini - tentang fon ikon terbaik dan paling lengkap yang boleh sesuai dengan anda sebagai alternatif kepada Font Awesome.

Set font percuma.

1. WebhostingHub glyphs.

Salah satu set ikon terbesar, ia mengandungi 2075 imej. Anda boleh memuat turunnya dalam format PNG dalam dua saiz (16 dan 32 piksel). Anda boleh menukar warna ikon, saiz mereka, seperti dalam banyak set lain ikon. Laman ini juga mempunyai contoh ilustrasi bagaimana ini boleh dilakukan: empat slider di sebelah gambar rawak menentukan saiz, warna, bayangan dan fokus bayang-bayangnya.

Laman ini sebenarnya sangat mesra pengguna dan mudah difahami walaupun untuk kanak-kanak. Semua ikon dibahagikan kepada kategori, beberapa kali terdapat butang untuk memuat turun seluruh fon dalam satu fail, dan di bawah terdapat arahan terperinci dengan contoh bagaimana menggunakan font ikon ini dengan betul dalam kod anda.

2. Dashicons - rasmi WordPress

Dashicons adalah fon ikon yang direka oleh Mel Choyce khusus untuk merapikan antara muka pentadbir WP baru. Ini adalah alternatif yang hebat untuk fon hebat yang patut diperiksa.

Salah satu perkara hebat tentang Dashicons untuk WordPress ialah ikon yang tersedia untuk pemilihan dianjurkan ke dalam kategori, menjadikannya mudah untuk mencari jenis ikon yang anda inginkan. dengan satu rupa. Alat ini juga dilengkapi dengan bar carian penapis, dan setiap ikon bernombor untuk memudahkannya untuk mencarinya.

Pada masa ini, Perpustakaan WordPress Dashicons mengandungi 197 ikon, yang dibahagikan kepada 15 bahagian:

• Menu admin;
• Skrin selamat datang;
• Format pos;
• Media;
• Pengeditan imej;
• Tinymce;
• Skrin Posts;
• Menyusun;
• Sosial;
• Wordpress.org khusus: pekerjaan, profil, wordcamps;
• Produk;
• Taksonomi;
• Widget;
• Pemberitahuan;
• Misc.

Syarikat kerap melepaskan kemas kini dengan penambahan gambar baru, serta dengan keupayaan sistem yang lebih baik. Walau bagaimanapun, koleksi ini masih tidak mempunyai beberapa ikon, contohnya, rangkaian sosial.

Di laman web rasmi, anda akan melihat antara muka ini. Apabila anda mengklik pada ikon yang anda suka, ia akan muncul di header di sebelah pautannya dalam beberapa format: CSS, HTML dan Glyph.

3. ionicons.

Font ini hebat mempunyai ciri-ciri alternatif 528 ikon yang berbeza untuk memenuhi pelbagai menu, senarai dalaman, dan tab. Moto syarikat itu adalah: Dibuat dengan cinta dengan tangan. Anda boleh percaya ini dengan memberi perhatian kepada terperinci yang mana ikon-ikon ini dibuat.

Ionicons melepaskan ikon mereka untuk digunakan dalam aplikasi mudah alih di iOS, Android, aplikasi web, dan desktop. Mereka mempunyai kod sumber terbuka, yang sangat memudahkan kerja di laman web. Bagaimana ia kelihatan ditunjukkan dalam tangkapan skrin di bawah.

Ionicons.. is a product of the Ionic company, which not only creates icons for websites, but also offers users a range of products that are convenient for website developers. They allow you to create, secure, and deliver enterprise-grade applications on any platform.

4. Standard HTML Standard

Sebagai tambahan kepada perkhidmatan yang dibuat khas, jangan lupa tentang koleksi yang benar-benar percuma dari pelbagai ikon HTML. Anda boleh menukar saiz dan warna mereka sambil mengekalkan kualiti imej yang baik.

Semua ikon berada dalam garis tebal, dan kod terbuka kepada semua orang. Pada pendapat kami, watak HTML standard adalah alternatif yang hebat untuk Font Awesome.

5. Iconset Linea.

Linea Iconset mempunyai 716 ikon dalam pelbagai, dengan bantuan yang anda boleh menubuhkan hubungan yang lebih baik dengan pengguna, kerana di dunia moden terdapat banyak perkataan dan teks kepada apa-apa. Laman web ini menawarkan untuk memuat turun pek keseluruhan koleksi ikon di kawasan, sebagai contoh, Muzik, Perdagangan Elektronik dan lain-lain. Ikon itu sendiri kelihatan seperti garis yang membentuk lukisan nilai tertentu.

Di samping itu, laman web rasmi Linea Iconset menawarkan anda sedozen lebih banyak laman web di mana anda boleh mencari ikon percuma untuk pembangunan web. Kami tidak akan menyenaraikan mereka untuk alasan ini.

6. Ikon Android.

Perkhidmatan yang sangat baik, mengalu-alukan tetamu dengan hati yang besar dan terima kasih. Ia mempunyai 250 simbol di perpustakaannya, yang boleh anda gunakan secara percuma - selepas semua, ikon Android adalah sumber terbuka - dan dengan bantuan CSS anda boleh mengubahnya: menukar saiz, bentuk, warna.

Laman ini adalah intuitif, kod aksara tersedia walaupun tanpa memuat turun pek ikon keseluruhan. Anda boleh melihat sebahagian daripada mereka dalam foto di bawah.

7. Menunjukkan ikon

Perkhidmatan ini menawarkan satu set lengkap ikon untuk digunakan dalam reka bentuk dan aplikasi web. Semua 320 ikon dibahagikan kepada kumpulan seperti Arrows Arah, Ikon Aplikasi Web, Editor Teks dan lain-lain.

Ikon tema dikuasakan oleh WordPress, jadi ikon mereka boleh digunakan dengan mudah pada mana-mana tema WordPress: untuk ditambah ke menu, tajuk widget, atau yang lain.

8. Stackicons.

Walaupun laman web ini menawarkan beberapa pilihan untuk ikon (60 secara keseluruhan), mereka sangat terang dan berwarna-warni, dan juga mudah menukar warna, kelantangan, bergabung dengan simbol lain, saiznya boleh ditingkatkan atau menurun tanpa kehilangan kualiti imej. Ikon sesuai dengan sempurna dengan jenama sosial yang paling moden, dari app.net ke zerply. Untuk pautan hubungan dalaman, Stackicons tidak seperti yang lain.

9. Octicons GitHub

Ikon-ikon ini dibahagikan kepada dua format: 16 dan 24 piksel. Walaupun hakikat bahawa senarai ini mempunyai ikon yang berbeza, masing-masing boleh diwakili dalam bentuk yang lebih besar atau lebih kecil. Secara keseluruhannya, perpustakaan tapak mempunyai kira-kira 250 imej yang disulitkan ke dalam fail teks.

Octicons Github mencipta ikon sumber terbuka yang unik, yang membolehkan pengguna menyalin atau memuat turun kod dalam format SVG, serta Ruby, Jekyll dan bertindak balas.

10. Font reka bentuk bahan ikon

Fon reka bentuk bahan Ikon membolehkan anda menggunakan pelbagai ikon mesra Google dalam pelbagai warna. Font ini dicipta oleh bahan pereka Google berdasarkan CSS, iaitu, anda boleh melakukan semua operasi yang terdapat dalam bahasa pengaturcaraan ini dengan ikon yang disyorkan.

Semua 777 ikon boleh didapati secara percuma, dan penerangan terperinci tentang cara menggunakan kod untuk setiap imej adalah di halaman utama laman web rasmi. Malah seorang pereka web baru akan dapat menggunakan set ini dalam karyanya tanpa sebarang masalah.

Dibayar fon.

1. Icomoon.

Perkhidmatan ini mempunyai lebih daripada 1600 ikon dalam repositori, dan menawarkan untuk mencuba versi percuma, yang merangkumi hanya 490 sampel. Untuk pakej penuh perkhidmatan dengan istilah premium, dengan banyak format vektor dan bentuk Photoshop, laman web ini meminta $ 59. Wang ini disokong oleh jaminan selama dua minggu.

Sudah tentu, anda boleh mengubah suai set ikon yang dibeli seperti yang anda mahu. Di sini anda boleh membuat gaya unik anda sendiri tanpa banyak usaha.

2. Menyelaraskan

Perkhidmatan ini menawarkan lebih daripada 75000 (!) Ikon yang berbeza. Mereka memamati dengan keunikan, kecerahan dan kepelbagaian mereka sehingga anda jatuh cinta dengan mereka pada pandangan pertama.

Ikon Menyelaraskan adalah salah satu daripada beberapa perkhidmatan yang membolehkan anda bekerja dengan lakaran, terima kasih yang anda boleh menukar warna ikon dan ketebalan garis mereka. Di laman web ini, setiap sampel dibentangkan dalam tiga jenis: cahaya, biasa dan berani. Menyelaraskan mempunyai percubaan percuma tetapi juga menawarkan pakej perkhidmatan berbayar. Sebagai contoh, keseluruhan set lencana boleh dibeli sekaligus untuk $ 228 setahun. Pakej ini dilengkapi dengan fail vektor dalam format SVG dan PDF, imej resolusi tinggi, dan hak untuk menggunakan produk tanpa atribusi.

3. Flaticon.

Bendera negara, media sosial, analisis perniagaan hanya beberapa bahagian yang tidak popular dari perkhidmatan ini. Ikon yang tidak biasa mempunyai 108,683 set yang tidak dapat dibayangkan oleh pereka profesional dan pengguna biasa. Anda juga boleh membuat set ikon anda sendiri dan menjualnya di laman web yang sama.

Format fail juga berbeza-beza: PNG, PSD, SVG, EPS, dan Pangkalan 64. Anda boleh dengan mudah mengimport ikon ke dalam Illustrator, Selepas Kesan, dan Photoshop.

Pakej premium berharga 40.50 € sebulan dan memberi anda akses kepada ilustrasi eksklusif, hak pelesenan penuh dan menghilangkan iklan. Terdapat juga sampel percuma, dan terdapat banyak daripada mereka untuk satu laman web: lebih daripada 2 juta. Pencipta menambah ikon baru setiap bulan, jadi koleksi itu tidak terhad kepada nombor ini.

4. Smashicons...

Smashicons.. hanya $ 5 sebulan memberi anda akses kepada semua ikon yang ada, serta yang akan ditambah pada masa akan datang. Semua ikon dibentangkan sebagai vektor yang boleh diedit dalam dua format: PNG dan SVG. Ikon baru sentiasa ditambah, dan terdapat juga sumber reka bentuk sumber terbuka. Smashicons.. membawa anda 174 sumber untuk projek kreatif anda.

Kesimpulannya

Di Internet, anda boleh dengan mudah mencari banyak perkhidmatan yang memberi semua orang yang beribu-ribu ikon yang indah secara percuma atau dengan bayaran. Dengan bantuan mereka, anda boleh merancang laman web atau halaman di rangkaian sosial. Terdapat banyak alternatif untuk Font Awesome, tetapi, malangnya, terdapat beberapa laman bahasa Rusia. Walaupun, walaupun tanpa terjemahan, jelas bagaimana untuk mencari ikon yang dikehendaki dan kod untuknya. Font Awesome bukan satu-satunya perkhidmatan yang patut dilihat, dan semakin banyak laman web dengan imej yang unik muncul setiap hari.