15+ parimat ikoonifonti veebi- ja kasutajaliidese kujundamiseks (tasuta + lisatasu)
Ikoonifondid on üks kõige kasulikumaid elemente, millest veebi- ja kasutajaliidese kujundajad lihtsalt ilma ei saa. Täna toome teieni parimate moodsate ja loominguliste ikoonifondide kollektsiooni, mida saate oma veebisaidi ja kasutajaliidese kujunduses kasutada.
Ikoonifondide puhul ei pea te lootma PNG-failide teekidele. Te ei pea ikoonide suurust muutma ja redigeerima vektorfailide abil, et need sobiksid teie veebisaidi kujundusega. Ja mis veelgi olulisem, te ei pea muretsema ikoonide optimeerimise pärast erinevate ekraanisuuruste jaoks.
Kuid kujundusprojektidega sulandumiseks sobiva ikoonifondi leidmine võib olla keeruline. Tahame seda protsessi palju lihtsamaks muuta. Alustage sirvimist meie käsitsi valitud tasuta ja premium-ikoonifondide kogudest (ja tutvuge kindlasti meie näpunäidetega ikoonifondi valimiseks, et aidata teil alustada!)
Tutvuge disainiressurssidega
Icofont - tasuta loomingulise ikooni font
Icofont on kõige loomingulisem ikoonifont, mida saate 100% tasuta alla laadida ja kasutada. See font sisaldab rohkem kui 2100 ikooni 30 erinevas kategoorias, näiteks valuuta, sotsiaalsed, kaubamärgiga logod ja palju muud. Selle paketi kasutamise üks eeliseid on saadaval nii SVG-vormingus kui ka ikoonifondina.
Fantastiline font - tasuta ikooni font
Font Awesome on Interneti populaarseim ikoonifont, mis sisaldab üle 7000 ikooni. Seda on kasutanud üle 100 miljoni veebisaidi, sealhulgas sellised kaubamärgid nagu McDonalds ja Yale University. See sisaldab palju kasulikke funktsioone. Ikoonipaketi isemajandamine on ideaalne viis selle kasutamiseks, kuna pilve hostitud plaanidel on kasutuspiirangud.
Ionicons - tasuta minimaalse ikooni font
Ionicons on veel üks loominguliste ikoonide komplekt, millel on minimaalsed ja lihtsad kujundused. See ikooni font on loodud spetsiaalselt veebi ja mobiili kasutajaliidese kujundamiseks ning ühildub nii iOS-i kui ka Androidi platvormidega. Sellel on kokku üle 1100 ikooni. See on litsentsitud MIT avatud lähtekoodiga litsentsi alusel
150 ikoonifondiga e-kaubanduse ikooni
See on ainulaadse ikoonipakkide kollektsioon, millel on kaasaegne ja minimalistlik ikoonikujundus. See sisaldab 150 erinevat ikooni, mida saate kasutada erinevates e-kaubanduse kujundustes. Ikoonid on saadaval EPS, AI, SVG ja ka ikoonide fondi versioonid.
130 vektorjoone ikoonid ja ikoonide font
See kimp sisaldab mitmesuguste kasulike ikoonide kogumit, mis on seotud meelelahutuse, multimeediumide, veebipõhiste kaasamiste, elustiili ja muuga. Pakendis on kokku 130 ikooni, mida saate kasutada ikoonifondina või redigeerida ja kohandada vastavalt oma eelistustele, kasutades selle vektor-EPS- ja AI-faile.
Ilmaikoonid ja ikoonifond
Ilmastikuikoone kasutatakse sageli erinevat tüüpi veebi- ja kasutajaliidese kujunduses, eriti mobiilsetes kasutajaliidestes. Selle paketi abil saate valida 42 ainulaadse ilmaga seotud ikooni. Ikoonid on saadaval ka AI, PSD, SVG ja ikoonide fondivormingutes.
32 ilmateate ikoonid ja font
Sarnaselt eelmisele ikoonifondide kogumile sisaldab ka see pakk minimaalsete reaikoonide komplekti. See sisaldab ka 32 stiilse ilma ikooni mitmes vormingus, sealhulgas AI, SVG, EPS ja ikoonifondid. Puhas ja lihtne kujundus muudavad need ikoonid sobivaks igat tüüpi äri- ja professionaalse kujunduse jaoks.
Fontisto - tasuta kaasaegse ikooni font
Fontisto on veel üks suurepärane tasuta ikoonifont, milles on kaasaegsete ja stiilsete ikoonide komplekt mitmes kategoorias. Ikoonid on täielikult skaleeritavad ja näevad võrkkesta ekraanidel suurepärased välja. Seda saab täiesti tasuta kasutada ka äriprojektide puhul.
Dripikonid - tasuta vektorjoone-fondi font
Dripicons on line-ikoonide kogum, millel on sujuvad ja minimaalsed kujundused. Ikoonidel on moodsad paigutused, mis sobivad nii veebi kui ka mobiilse kasutajaliidese kujunduseks. Seda saab tasuta kasutada ka äriprojektide puhul.
Typicons - tasuta lihtne ikooni font
Typicons on varustatud kergete ja lihtsate ikoonide komplektiga, mis töötab nii veebi kui ka omarakenduse kasutajaliideses. Fond sisaldab enam kui 330 unikaalset ikoonikujundust mitmes kategoorias ja skaleeritavaid kujundusi.
Moodne joonistiilis ikoonikomplekt + font
Kui olete reaikoonide fänn, sobib see moodsate reaikoonide komplekt teile ideaalselt. Sellel on rohkem kui 300 ikooni. Ikoonid on saadaval AI, SVG, PSD ja sisaldavad ikooni fondi versiooni ka digitaalsete kujunduste jaoks.
100 Transportvektori ikooni font
Sellel premium ikoonifondil on 100 ainulaadset ikooni, mis sisaldavad igasuguseid sümboleid ja kujundusi, mis on seotud transpordi ja reisimisega. See on saadaval ka mitmetes vektorifailide vormingutes, samuti ikoonifondivormingus.
200 hariduse ikooni font
200 ainulaadse ikooni komplekt, mis on loodud spetsiaalselt haridusega seotud kujunduse jaoks. See ikoonide komplekt on saadaval EPS-, AI- ja SVG-vormingus. Ikooni fondi versioon on lisatud ka veebi- ja mobiilse kasutajaliidese kujunduse jaoks.
1430 reaikoonide kimp + font
See on massiline reaikoonide kimp, millel on lai valik disainilahendusi mitmes kategoorias. See pakk sobib ideaalselt kaasaegsete mobiil- ja veebikujunduste jaoks. Ikoonid on saadaval vektorvormingus ja fondiikoonide vormingus.
Kapteni ikoon - tasuta loomingulise ikooni font
Kaptenikoon on kaasaegne ikoonifond, millel on rohkem kui 350 ainulaadset ikoonikujundust. Ikoonid sobivad ideaalselt nii veebi kui ka mobiili kasutajaliidese meisterdamiseks. Ikoone on erinevas vormingus, sealhulgas EPS, SVG, PSD ja ikoonide fondi versioonid.
Devicon - tasuta täitepildi ikoon
Devicon on vabalt kasutatav ikoonifond, millel on värviga ikooni kujundus. Pakendil on palju kasulikke ikoone, eriti seotud veebi- ja mobiiliarendusega. Võite kasutada ka pilve hostitud ikooni fondi versiooni või ise hostit ka oma serverites.
Entypo - tasuta puhta ikooni font
Entypo on tasuta ikoonifont, millel on minimaalne ja puhas kujundus. See pakk sisaldab üle 400 ikooni. Ehkki fonti pole mõnda aega uuendatud, on ikoonid endiselt asjakohased.
Stroke Icons 7 - tasuta iOS-i ikoonifond
Sellel Pixeldeni tehtud tasuta ikoonifondil on 200 ainulaadset ikooni, millel on õhuke joon. Igal ikoonil on iOS 7-st inspireeritud kujundus. See ikooni font sobib kõige paremini veebisaidi ja veebirakenduse kujunduseks.
5 näpunäidet ikooni fondi valimiseks
Siin on mõned näpunäited, mis aitavad teil valida erinevat tüüpi veebi- ja kasutajaliidese kujunduste jaoks parima ikooni fondi.
1. SVG ikoonid vs ikoonifondid
SVG ikoonide ja ikoonifondide valimise üle käib päris suur arutelu. Kuigi mõlemal variandil on oma plussid ja miinused, eelistavad mõned disainerid üksteist.
Õnneks sisaldab enamik meie loendis olevaid ikoonifonte ka SVG-ikoonide versioone. Seega laseme teil otsustada, milline variant sobib teie projekti jaoks.
2. Veenduge, et see oleks tundlik
Ikooni fondi reageerimine on tõenäoliselt kõige olulisem funktsioon, mida igat tüüpi ikooni valimisel otsida. Siin paistavad ka ikoonifondid, kuna need on tavaliselt piisavalt reageerivad, et kõik tüüpi ekraanisuuruses ja seadmetes sama välja näha.
Kuigi ikoonide reageerimisvõimet ei tohiks kahekordseks kontrollimiseks teha, eriti kui kasutate ikoonide SVG-versiooni.
3. Valige sobivad teemad
Ikooni fonte on erinevates stiilides ja teemades. Nagu kontuurikoonid, lameda kujundusega ikoonid, minimalistlikud ikoonid ja palju muud. Sõltuvalt projekti tüübist, mille kallal töötate, on teie ülesanne leida sobiv teemaga sobiv ikoonifond.
4. Värvid ja kohandamine
Üks paljudest eelistest, mida omaenda ikoonifontide iseseisev hostimine pakub, on see, et see võimaldab teil ikoone kohandada vastavalt oma eelistustele. Enamik tänapäevaseid ikoonifonde võimaldab teil isegi valida mitme ikooniversiooni, sealhulgas täite- ja kontuurversioonide hulgast.
5. Tasuta vs Premium ikoonifondid
Muidugi, kui teil on eelarve piiratud, on tasuta valik tasuta fondi kasutamist. Kuid kui saate endale lubada paar dollarit, kasutage premium-ikooni fonti. Mitte ainult selleks, et anda oma veebi või kasutajaliidese kujundusele ainulaadne välimus. Kuid ka selleks, et omada ikoonide üle täielikku kontrolli ja kasutada neid äriprojektides.
Vaadake meie parimate rakenduste sihtimisveebisaidi mallide kollektsiooni, et saada oma veebisaidi kujunduses edumaa.
){kind=link}