15+ labākie ikonu fonti tīmekļa un saskarnes noformēšanai (bezmaksas + premium)
Ikonu fonti ir viens no visnoderīgākajiem elementiem, bez kura tīmekļa un saskarnes izstrādātāji vienkārši nevar dzīvot. Šodien mēs jums piedāvājam labāko moderno un radošo ikonu fontu kolekciju, ko varat izmantot savā vietnē un lietotāja interfeisa dizainā.
Izmantojot ikonu fontus, jums nav jāpaļaujas uz PNG failu bibliotēkām. Jums nav jāmaina un jārediģē ikonas, izmantojot vektoru failus, lai tie iekļautos jūsu vietnes dizainā. Un, vēl svarīgāk, jums nav jāuztraucas par ikonu optimizēšanu dažādiem ekrāna izmēriem.
Tomēr pareiza ikonas fonta atrašana, lai sajauktos ar jūsu dizaina projektiem, var būt izaicinājums. Mēs vēlamies padarīt šo procesu daudz vieglāku. Sāciet, pārlūkojot mūsu izvēlēto bezmaksas un premium ikonu fontu kolekciju (un noteikti apskatiet mūsu padomus, kā izvēlēties ikonu fontu, lai palīdzētu jums sākt!)
Izpētiet dizaina resursus
Icofont - bezmaksas radošās ikonas fonts
Icofont ir visradošākais ikonas fonts, kuru varat lejupielādēt un izmantot par 100% bez maksas. Šis fonts satur vairāk nekā 2100 ikonas 30 dažādās kategorijās, piemēram, valūtā, sociālajos, firmas logotipos un citur. Viens no ieguvumiem, lietojot šo pakotni, ir pieejams gan SVG formātā, gan kā ikonas fonts.
Lielisks fonts - bezmaksas ikonas fonts
Font Awesome ir interneta populārākais ikonu fonts, kas satur vairāk nekā 7000 ikonas. To ir izmantojuši vairāk nekā 100 miljoni vietņu, ieskaitot tādus zīmolus kā McDonalds un Yale University. Tas satur daudz noderīgu funkciju. Ikonu paketes pats mitināšana ir ideāls veids, kā to izmantot, jo mākoņu mitinātos plānos ir noteikti lietošanas ierobežojumi.
Joni - bezmaksas minimālais ikonas fonts
Jonikoni ir vēl viens radošu ikonu komplekts ar minimālu un vienkāršu dizainu. Šis ikonas fonts ir īpaši izveidots tīmekļa un mobilā lietotāja interfeisa dizainam, un tas ir savietojams gan ar iOS, gan Android platformām. Tajā kopumā ir vairāk nekā 1100 ikonas. Tas ir licencēts saskaņā ar MIT atvērtā koda licenci
150 e-komercijas ikonas ar ikonas fontu
Šī ir unikālas ikonu paketes kolekcija ar modernu un minimālistisku ikonu dizainu. Tajā ir 150 dažādas ikonas, kuras varat izmantot dažādos e-komercijas dizainos. Ikonas ir pieejamas EPS, AI, SVG un arī ikonu fonta versijas.
130 Vektoru līnijas ikonas un ikonu fonts
Šajā komplektā ir jaukta noderīgu ikonu kolekcija, kas saistīta ar izklaidi, multividi, tiešsaistes aktivitātēm, dzīvesveidu un daudz ko citu. Komplektā ietilpst pavisam 130 ikonas, kuras varat izmantot kā ikonu fontu vai rediģēt un pielāgot savām vēlmēm, izmantojot vektoru EPS un AI failus.
Laika apstākļu ikonas un ikonu fonts
Laikapstākļu ikonas bieži tiek izmantotas dažāda veida Web un UI dizainos, īpaši mobilo lietotāju saskarnēs. Izmantojot šo komplektu, jūs varēsit izvēlēties no 42 unikālām laikapstākļu ikonām. Ikonas ir pieejamas arī AI, PSD, SVG un ikonu fontu formātos.
32 laikapstākļu ikonas un fonts
Līdzīgi kā iepriekšējā ikonu fontu paketē, šajā pakotnē ir minimālu līniju ikonu komplekts. Tajā ir arī 32 stilīgas laikapstākļu ikonas vairākos formātos, ieskaitot AI, SVG, EPS un ikonu fontus. Tīrs un vienkāršs dizains padara šīs ikonas piemērotas visu veidu biznesa un profesionālajiem dizainiem.
Fonts - bezmaksas mūsdienu ikonas fonts
Fontisto ir vēl viens lielisks bezmaksas ikonu fonts, kurā ietverts modernu un stilīgu ikonu komplekts vairākās kategorijās. Ikonas ir pilnībā pielāgojamas un tīklenes displejos izskatās lieliski. To var pilnīgi brīvi izmantot arī komerciālos projektos.
Dripikoni - bezmaksas vektoru līnijas ikonu fonts
Dripicons ir līniju ikonu kolekcija, kas atspoguļo vienmērīgu un minimālu dizainu. Ikonās ir mūsdienīgi izkārtojumi, kas ir piemēroti gan tīmekļa, gan mobilā lietotāja interfeisa dizainam. To var arī bez maksas izmantot komerciālos projektos.
Typicons - bezmaksas vienkāršs ikonas fonts
Typicons nāk ar vieglu un vienkāršu ikonu komplektu, kas darbojas gan tīmekļa, gan vietējās lietotnes lietotāja saskarnēs. Fonts satur vairāk nekā 330 unikālu ikonu dizainu vairākās kategorijās un ar pielāgojamiem dizainparaugiem.
Mūsdienu līnijas stila ikonu komplekts + fonts
Ja esat līniju ikonu cienītājs, šis moderno līniju ikonu komplekts jums ir lieliski piemērots. Tajā ir vairāk nekā 300 ikonas. Ikonas ir pieejamas AI, SVG, PSD un ietver arī ikonu fonta versiju digitālajiem dizainparaugiem.
100 transporta vektora ikonas fonts
Šim premium ikonu fontam ir 100 unikālas ikonas, kas ietver visa veida simbolus un dizainus, kas saistīti ar transportēšanu un ceļošanu. Tas nāk arī dažādos vektoru failu formātos, kā arī ikonu fonta formātā.
200 izglītības ikonas fonts
200 unikālu ikonu komplekts, kas īpaši izveidots ar izglītību saistītiem dizainparaugiem. Šis ikonu komplekts ir pieejams EPS, AI un SVG failu formātos. Ikonu fonta versija ir iekļauta arī tīmekļa un mobilajām ierīcēm paredzētā lietotāja interfeisa dizainiem.
1430 līnijas ikonu saišķis + fonts
Šis ir masīvs līniju ikonu saišķis, kas atspoguļo ļoti daudzveidīgu dizainu vairākās kategorijās. Šis iepakojums ir lieliski piemērots mūsdienīgam mobilo un tīmekļa dizainam. Ikonas ir pieejamas vektoru formātā un fontu ikonu formātā.
Kapteiņa ikona - bezmaksas radošās ikonas fonts
Kapteiņa ikona ir moderns ikonu fonts, kas satur vairāk nekā 350 unikālu ikonu dizainu. Ikonas ir ideāli piemērotas gan tīmekļa, gan mobilā lietotāja saskarņu izstrādāšanai. Ikonas ir dažādos formātos, ieskaitot EPS, SVG, PSD un ikonu fontu versijas.
Devicon - bezmaksas aizpildīšanas ikonas fonts
Devicon ir brīvi lietojams ikonu fonts ar krāsu krāsas ikonas dizainu. Komplektā ir daudz noderīgu ikonu, īpaši saistītu ar tīmekļa un mobilo ierīču attīstību. Varat arī izmantot ikonas fonta mākoņa versiju vai arī pats resursdatoru uz saviem serveriem.
Entypo - bezmaksas tīras ikonas fonts
Entypo ir bezmaksas ikonu fonts ar minimālu un tīru dizainu. Šajā paketē ir vairāk nekā 400 ikonas. Lai arī fonts kādu laiku nav atjaunināts, ikonas joprojām ir aktuālas.
Stroke Icons 7 - bezmaksas iOS ikonas fonts
Šis bezmaksas pikseļu fonts, ko izgatavojis Pixelden, nāk ar 200 unikālām ikonām ar plānas līnijas dizainu. Katrā ikonā ir iOS 7 iedvesmots dizains. Šis ikonas fonts ir vispiemērotākais vietņu un tīmekļa lietotņu dizainam.
5 padomi ikonas fonta izvēlei
Šeit ir daži padomi, kas palīdzēs jums izvēlēties labāko ikonu fontu dažāda veida Web un UI dizainiem.
1. SVG ikonas vs ikonu fonti
Notiek diezgan lielas debates par SVG ikonu un ikonu fontu izvēli. Lai gan abām iespējām ir savas priekšrocības un trūkumi, daži dizaineri dod priekšroku vienam otram.
Par laimi lielākajā daļā ikonu fontu mūsu sarakstā ir arī SVG ikonu versijas. Tātad mēs ļausim jums izlemt, kura opcija ir piemērota jūsu projektam.
2. Pārliecinieties, ka tas ir atsaucīgs
Jūsu ikonas fonta atsaucība, iespējams, ir vissvarīgākā iezīme, kas jāmeklē, izvēloties jebkura veida ikonu. Šeit spīd arī ikonu fonti, jo tie parasti ir pietiekami reaģējoši, lai visu veidu ekrānu izmēros un ierīcēs izskatās vienādi.
Lai gan tas nav ievainojams vēlreiz pārbaudīt, lai pārliecinātos, vai ikonas reaģē, it īpaši, ja izmantojat ikonu SVG versiju.
3. Izvēlieties atbilstošās motīvas
Ikonu fonti ir dažādu stilu un motīvu. Piemēram, kontūru ikonas, plakanas dizaina ikonas, minimālisma ikonas un daudz ko citu. Atkarībā no tā, kāda veida projektā strādājat, jums ir jāatrod pareizais ikonas fonts ar atbilstošo motīvu.
4. Krāsas un pielāgošana
Viens no daudzajiem savu ikonu fontu patstāvīgas uzturēšanas priekšrocībām ir tas, ka tas ļauj jums pielāgot ikonas pēc jūsu izvēles. Mūsdienu ikonu fonti pat ļauj jums izvēlēties no vairākām ikonu versijām, ieskaitot aizpildīšanas un kontūras versijas.
5. Bezmaksas vs Premium Icon fonti
Protams, ja jums ir ierobežots budžets, ideāla izvēle ir bezmaksas fonts. Bet, ja jūs varat atļauties dažus dolārus, izmantojiet premium ikonas fontu. Ne tikai lai jūsu tīmekļa vai lietotāja interfeisa dizainam būtu unikāls izskats. Bet arī lai pilnībā kontrolētu ikonas un spētu tās izmantot komerciālos projektos.
Iepazīstieties ar mūsu labāko lietotņu izvietošanas vietņu veidņu kolekciju, lai gūtu priekšstatu par savas vietnes dizainu.
){kind=link}