Fonti Za Picha Za Bure Za Bure Na Za Kulipwa - Njia Za Awesome Za Font

Tunazungumzia juu ya huduma bora ambazo zinawakilisha icons kwa maendeleo ya wavuti, kuelezea faida na hasara za kila mmoja wao, na kupendekeza kuwa unachagua bora.

Unatafuta icons za kipekee kwa tovuti yako? Daima bumping katika font Awesome, lakini si kupata chochote kuvutia juu yake? Kisha hakikisha kusoma makala hii - hapa tunakuambia nini font ya icon, kuelezea maeneo mengi ya bure na hayo, na pia kutoa sampuli za icons kwa kila huduma. Fanya uchaguzi wako kuunda kuangalia ya kipekee!

Njia bora ya font Awesome.

Fonti za icon zimetumiwa kwa muda mrefu katika kubuni wavuti ili kuunda icons nzuri kwa tovuti. Font ya icon ni seti ya alama zilizobadilishwa kuwa picha za mandhari tofauti. Faili hiyo ni kweli faili ya maandishi ambayo imegeuka kuwa picha kwa kutumia CSS.

Faida za kutumia fonts za icon.

• Wanaweza kubadilishwa kwa njia yoyote: Taja ukubwa, rangi, background, kivuli, gradient, tumia madarasa ya pseudo: hover au lengo - kuunda mtindo wako mwenyewe.
• Wanaweza kuwa animated.
• Kuongezeka au kupungua kwa ukubwa wa icon haiathiri ubora, hivyo wanaonyesha kwa usahihi hata kwenye maonyesho ya retina.
• Ikilinganishwa na picha za kawaida, ni nyepesi na mzigo kwa kasi.
• Ili kupakua fonts za icon, unahitaji ombi moja tu ya HTTP, ambayo inaweza kuongeza kasi ya kurasa za upakia kwenye tovuti.
• Wanasaidiwa na browsers wote (hata matoleo ya zamani sana).

Hivi sasa, font maarufu zaidi ni font Awesome. Inajulikana kwa karibu kila mtu ambaye amewahi kushiriki katika maendeleo ya tovuti. Ilikuwa imeundwa kwa ajili ya Bootstrap, lakini sasa imekuwa icon ya kawaida na maktaba ya picha na icons zaidi ya 600.

Hata hivyo, licha ya hili, kuna maeneo mengi yenye maudhui sawa. Fonti za bure au zilizolipwa kutoka kwa wahubiri wengine pia zina icons zao za kipekee, ambazo ni muhimu wakati wa kuchagua alama yako mwenyewe kwa tovuti yako. Tutakuambia juu yao katika makala hii - kuhusu fonti bora na kamili zaidi ambazo zinaweza kukufanyia kama mbadala ya font ya kushangaza.

Seti ya font ya bure

1. Webhostinghub glyphs.

Moja ya seti kubwa zaidi ya icon, ina picha 2075. Inawezekana kupakua katika muundo wa PNG katika ukubwa mbili (saizi 16 na 32). Unaweza kubadilisha rangi ya icons, ukubwa wao, kama katika seti nyingine nyingi za icons. Tovuti hata ina mfano wa mfano wa jinsi hii inaweza kufanyika: sliders nne karibu na picha ya random kuamua ukubwa wake, rangi, kivuli na lengo la kivuli.

Tovuti ni kweli sana ya mtumiaji na inayoeleweka hata kwa mtoto. Icons zote zimegawanywa katika makundi, mara kadhaa kuna vifungo vya kupakua font nzima katika faili moja, na chini kuna mafundisho ya kina na mifano ya jinsi ya kutumia kwa usahihi font hii ya icon katika msimbo wako.

2. Dashicons - WordPress rasmi.

Dashicons ni fonti ya icon iliyoundwa na Mel Choyce haswa ili kuongeza muundo mpya wa Admin wa WP. Hii ni mbadala nzuri kwa font ya kushangaza ambayo inafaa kuangalia.

Mojawapo ya mambo mazuri juu ya dashicons kwa WordPress ni kwamba icons zinazopatikana kwa uteuzi zimepangwa katika vikundi, na kuifanya iwe rahisi kupata aina ya icon unayotaka. na sura moja. Chombo hata huja na upau wa utaftaji wa vichungi, na kila ikoni imehesabiwa ili iwe rahisi kuipata.

Kwa sasa, maktaba ya Dashicons WordPress ina icons 197, ambayo imegawanywa katika sehemu 15:

• Menyu ya Admin;
• Karibu skrini;
• Fomu za post;
• Vyombo vya habari;
• Uhariri wa picha;
• Tinymce;
• Posts screen;
• Kuchagua;
• Kijamii;
• WordPress.org maalum: Kazi, Profaili, WordCamps;
• Bidhaa;
• Taxonomies;
• Vilivyoandikwa;
• Arifa;
• Ziada.

Kampuni hiyo hutoa mara kwa mara sasisho na kuongeza picha mpya, pamoja na uwezo wa mfumo bora. Hata hivyo, mkusanyiko huu bado hauna icons, kwa mfano, mitandao ya kijamii.

Kwenye tovuti rasmi, utaona interface hii. Unapobofya kwenye icon unayopenda, itaonekana kwenye kichwa karibu na viungo vyake katika muundo kadhaa: CSS, HTML na Glyph.

3. Ionicons.

Font hii ya ajabu makala mbadala 528 icons tofauti kulingana na menus mbalimbali, orodha ya ndani, na tabo. Neno la kampuni ni: Kufanywa kwa upendo kwa mkono. Unaweza kuamini hili kwa kulipa kipaumbele kwa maelezo ambayo icons hizi zinafanywa.

Ionicons hutolewa icons zao kwa matumizi katika programu za simu kwenye iOS, android, programu za wavuti, na desktops. Wana kanuni ya chanzo, ambayo inawezesha sana kazi kwenye kubuni tovuti. Jinsi inaonekana inavyoonyeshwa kwenye skrini hapa chini.

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. Wahusika wa kawaida wa HTML.

Mbali na huduma maalum, usisahau kuhusu ukusanyaji wa bure kabisa wa icons mbalimbali za HTML. Unaweza kubadilisha ukubwa na rangi yao wakati wa kudumisha ubora mzuri wa picha.

Icons zote ziko katika mstari mwembamba, na kanuni ni wazi kwa kila mtu. Kwa maoni yetu, wahusika wa kawaida wa HTML ni mbadala nzuri kwa font Awesome.

5. linea iconset.

IConset ya linea ina icons 716 katika usawa wake, kwa msaada ambao unaweza kuanzisha mawasiliano bora na mtumiaji, kwa sababu katika ulimwengu wa kisasa kuna maneno mengi na maandishi kwa chochote. Tovuti hii inatoa kupakua pakiti nzima ya mkusanyiko wa icons katika maeneo, kwa mfano, Muziki, Biashara ya Electronic na wengine. Icons wenyewe huonekana kama mistari inayofanya kuchora ya thamani fulani.

Aidha, tovuti rasmi ya Linea iConset inakupa maeneo kadhaa zaidi ambapo unaweza kupata icons za bure kwa maendeleo ya wavuti. Hatutawaorodhesha kwa sababu hii.

6. Icons Android.

Huduma nzuri sana, wageni wa kukaribisha na moyo mkubwa na shukrani. Ina alama 250 katika maktaba yake, ambayo unaweza kutumia bure kabisa - Baada ya yote, icons za Android ni chanzo wazi - na kwa msaada wa CSS unaweza kuzibadilisha: mabadiliko ya ukubwa, maumbo, rangi.

Tovuti ni intuitive, msimbo wa tabia hupatikana hata bila kupakua pakiti nzima ya icons. Unaweza kuona baadhi yao katika picha hapa chini.

7. Fikiria icons.

Huduma hii inatoa seti kamili ya icons kwa matumizi katika kubuni wavuti na programu. Icons zote 320 zimegawanywa katika vikundi kama vile mishale ya mwelekeo, icons za programu za wavuti, mhariri wa maandishi na wengine.

Fungua icons inatumiwa na WordPress, hivyo icons zao zinaweza kutumika kwa urahisi kwenye mandhari yoyote ya WordPress: kuongezwa kwenye orodha, cheo cha widget, au wengine.

8. Stackicons.

Ingawa tovuti hutoa chaguzi chache kwa icons (60 kwa jumla), ni mkali sana na yenye rangi, na pia hubadilisha rangi, kiasi, kuchanganya na alama nyingine, ukubwa unaweza kuongezeka au kupungua bila kupoteza ubora wa picha. Icons zinafaa kikamilifu na bidhaa za kisasa za kijamii, kutoka kwa programu.net kwa zereply. Kwa viungo vya ndani vya mawasiliano, Stackicons ni kama hakuna mwingine.

9. Oktoni za GitHub

Icons hizi zimegawanywa katika muundo mbili: saizi 16 na 24. Pamoja na ukweli kwamba orodha hizi zina icons tofauti, kila mmoja anaweza kuwakilishwa katika fomu kubwa au ndogo. Kwa jumla, maktaba ya tovuti ina picha 250 zilizofichwa kwenye faili za maandishi.

Octoni za GitHub hujenga icons zake za kipekee za chanzo, na kuruhusu mtumiaji nakala au kupakua msimbo katika muundo wa SVG, pamoja na Ruby, Jekyll na kuguswa.

10. Nyenzo ya kubuni iconic font.

Font ya nyenzo iconic font inakuwezesha kutumia aina mbalimbali za icons za Google-friendly katika rangi mbalimbali. Font hii iliundwa na vifaa vya Google Designer kulingana na CSS, yaani, unaweza kufanya shughuli zote zinazopatikana katika lugha hii ya programu na icons zilizopendekezwa.

Icons 777 zote zinapatikana bila malipo, na maelezo ya kina ya jinsi ya kutumia msimbo kwa kila picha ni kwenye ukurasa kuu wa tovuti rasmi. Hata mtengenezaji wa mtandao wa novice atakuwa na uwezo wa kutumia hii kuweka katika kazi yake bila matatizo yoyote.

Fonti zilizolipwa.

1. Icomoon.

Huduma ina icons zaidi ya 1600 katika vituo vyake, na hutoa kujaribu toleo la bure, ambalo linajumuisha sampuli 490 tu. Kwa mfuko kamili wa huduma na masharti ya premium, na muundo wa vector wengi na maumbo ya photoshop, tovuti inauliza $ 59. Fedha hii inasaidiwa na dhamana ya wiki mbili.

Bila shaka, unaweza kubadilisha seti za icon zilizotunuliwa kama unavyotaka. Hapa unaweza kuunda mtindo wako wa kipekee bila jitihada nyingi.

2. Streamline...

Huduma hii inatoa zaidi ya 75000 (!) Icons tofauti. Wao hufadhaisha kwa pekee, mwangaza na aina nyingi sana kwamba unapenda kwa upendo nao kwa kwanza.

Icons icons ni moja ya huduma chache ambazo zinakuwezesha kufanya kazi na mchoro, shukrani ambayo unaweza kubadilisha rangi ya icons na unene wa mistari yao. Kwenye tovuti, kila sampuli imewasilishwa kwa aina tatu: mwanga, mara kwa mara na ujasiri. Streamline.. ina jaribio la bure lakini pia hutoa vifurushi vya huduma za kulipwa. Kwa mfano, seti nzima ya beji inaweza kununuliwa mara moja kwa $ 228 kwa mwaka. Mfuko huu unakuja na faili za vector katika svg na muundo wa PDF, picha za juu-azimio, na haki ya kutumia bidhaa bila ugawaji.

3. Flaticon...

Bendera ya nchi, vyombo vya habari vya kijamii, uchambuzi wa biashara ni wachache tu wa sehemu zisizopendwa za huduma hii. Icons isiyo ya kawaida ina seti 108,683 zisizofikiriwa na wabunifu wa kitaaluma na watumiaji wa kawaida. Unaweza pia kuunda icon yako kuweka na kuuuza kwenye tovuti hiyo.

Fomu ya faili pia ni tofauti: PNG, PSD, SVG, EPS, na msingi 64. Unaweza urahisi kuagiza icons kwenye Illustrator, Baada ya Athari, na Photoshop.

Mfuko wa Premium una gharama 40.50 € kwa mwezi na inakupa upatikanaji wa vielelezo vya kipekee, haki kamili za leseni na kuondosha matangazo. Pia kuna sampuli za bure, na kuna kushangaza wengi wao kwa tovuti moja: zaidi ya milioni 2. Waumbaji huongeza icons mpya kila mwezi, hivyo ukusanyaji sio mdogo kwa nambari hii.

4. Smashicons...

Smashicons.. kwa $ 5 tu kwa mwezi inakupa upatikanaji wa icons zote zilizopo, pamoja na wale ambao wataongezwa baadaye. Icons zote zinawasilishwa kama vectors editable katika muundo mbili: PNG na SVG. Icons mpya ni daima kuongezwa, na pia kuna rasilimali za kubuni chanzo. Smashicon huleta rasilimali 174 kwa miradi yako ya ubunifu.

Hitimisho

Kwenye mtandao, unaweza kupata huduma nyingi ambazo hutoa kila mtu maelfu ya icons nzuri kwa bure au kwa ada. Kwa msaada wao, unaweza kubuni tovuti au ukurasa kwenye mtandao wa kijamii. Kuna njia nyingi za font Awesome, lakini, kwa bahati mbaya, kuna maeneo machache ya lugha ya Kirusi. Ingawa, hata bila kutafsiri, ni wazi jinsi ya kupata icon na code ya taka kwa ajili yake. Font Awesome sio huduma pekee inayofaa kuona, na tovuti zaidi na zaidi na picha za kipekee zinaendelea kila siku.