15+ beste ikonskrifter for web- og brukergrensesnittdesign (gratis + premium)
Ikonfonter er et av de mest nyttige elementene som web- og UI-designere rett og slett ikke kan leve uten. I dag bringer vi deg en samling av de beste moderne og kreative ikonfontene du kan bruke på nettstedets og brukergrensesnittdesignene.
Med ikonskrifter trenger du ikke å stole på biblioteker med PNG-filer. Du trenger ikke å endre størrelse på og redigere ikoner ved hjelp av vektorfiler for å få dem til å passe inn i nettstedets design. Og enda viktigere er at du ikke trenger å bekymre deg for å optimalisere ikonene for forskjellige skjermstørrelser.
Det kan være utfordrende å finne riktig ikonfont som kan blandes med designprosjektene. Vi ønsker å gjøre den prosessen mye enklere. Kom i gang ved å bla gjennom vår håndplukkede samling av gratis ikoner og premium-ikoner (og husk å se på tipsene våre for å velge en ikonfont for å hjelpe deg i gang!)
Utforsk designressurser
Icofont - Gratis Creative Icon-font
Icofont er den mest kreative ikonfonten du kan laste ned og bruke 100% gratis. Denne skrifttypen inneholder mer enn 2100 ikoner i 30 forskjellige kategorier, for eksempel valuta, sosiale logoer og merker. En av fordelene med å bruke denne pakken er at den er tilgjengelig i både SVG-format og som ikonfont.
Font Awesome - Gratis ikon Font
Font Awesome er internettets mest populære ikonfont med over 7000 ikoner. Det er blitt brukt av over 100 millioner nettsteder, inkludert merker som McDonalds og Yale University. Den pakker mange nyttige funksjoner. Selvhosting av ikonpakken er den ideelle måten å bruke den siden planter med skyvertskap har bruksgrenser.
Ionicons - Gratis minimalt ikon Font
Ionicons er et annet sett med kreative ikoner med minimale og enkle design. Denne ikonfonten er laget spesielt for design av nett og mobil brukergrensesnitt, og den er kompatibel med både iOS- og Android-plattformer. Den har til sammen over 1100 ikoner. Det er lisensiert under MIT open source-lisensen
150 e-handelsikoner med ikonskrift
Dette er en samling unik ikonpakke med moderne og minimalistisk ikonutforming. Det inkluderer 150 forskjellige ikoner du kan bruke i forskjellige e-handelsdesign. Ikonene er også tilgjengelige i EPS, AI, SVG og en fontversjon av ikoner.
130 Vector Line Icons & Icon Font
Denne pakken inneholder en blandet samling av nyttige ikoner relatert til underholdning, multimedia, online engasjementer, livsstil og mer. Pakken leveres med totalt 130 ikoner som du kan bruke som en ikonfont eller redigere og tilpasse etter eget ønske ved hjelp av vektor EPS- og AI-filer.
Værikoner og ikonskrift
Værikoner brukes ofte i mange forskjellige typer web- og brukergrensesnittdesign, spesielt i mobile brukergrensesnitt. Med denne pakken får du velge mellom 42 unike værrelaterte ikoner. Ikonene er også tilgjengelige i formatene AI, PSD, SVG og icon.
32 Værikoner og skrift
I likhet med den forrige pakken med ikonskrifter har denne pakken et sett med minimale linjeikoner. Det inkluderer også 32 stilige værikoner i flere formater, inkludert AI-, SVG-, EPS- og ikon-skrifter. Den rene og enkle designen gjør disse ikonene egnet for alle typer forretnings- og profesjonell design.
Fontisto - Gratis moderne ikon Font
Fontisto er en annen flott gratis ikon font med et sett med moderne og stilige ikoner i flere kategorier. Ikonene er fullt skalerbare og ser bra ut på retina-skjermer. Det er helt gratis å bruke også med kommersielle prosjekter.
Dripicons - Gratis Vector Line-Icon font
Dripicons er en samling av linjeikoner med jevn og minimal design. Ikonene har moderne oppsett som er egnet for både web- og mobilt brukergrensesnittdesign. Det er også gratis å bruke med kommersielle prosjekter.
Typicons - Gratis Simple Icon Font
Typicons kommer med et sett med lette og enkle ikoner som fungerer på tvers av både nett- og native app-brukergrensesnitt. Skriften inneholder mer enn 330 unike ikondesign i flere kategorier og med skalerbare design.
Modern Line Style Icon Set + Font
Hvis du er tilhenger av linjeikoner, er dette settet med moderne linjeikoner perfekt for deg. Den har mer enn 300 ikoner. Ikonene er tilgjengelige i AI, SVG, PSD, og inneholder også en fontversjon av ikoner for digital design.
100 Transport Vector Icon Font
Denne premium ikonfonten kommer med 100 unike ikoner som inkluderer alle slags symboler og design relatert til transport og reise. Det kommer også i flere vektorfilformater, så vel som ikon fontformat.
200 Utdanning Ikon Font
Et sett med 200 unike ikoner laget spesielt for utdanningsrelatert design. Denne pakken med ikoner kommer i filformatene EPS, AI og SVG. En ikon fontversjon er også inkludert for nett- og mobil UI-design.
1430 Line Icons Bundle + Font
Dette er et massivt bunt med linjeikoner med et stort utvalg av design i flere kategorier. Denne pakken er perfekt for moderne mobil- og nettdesign. Ikonene er tilgjengelige i vektorformat og skriftikonformat.
Captain Icon - Gratis Creative Icon font
Captain Icon er en moderne ikonfont med mer enn 350 unike ikondesign. Ikonene er ideelle for å lage både bruker- og mobilbrukergrensesnitt. Ikonene kommer i flere formater, inkludert EPS, SVG, PSD og icon fontversjoner.
Devicon - Free Fill Icon Font
Devicon er en gratis å bruke ikon font med et ikonutforming med fyllfarger. Pakken har mange nyttige ikoner, spesielt relatert til web- og mobilutvikling. Du kan enten bruke den skybaserte versjonen av ikonfonten eller selvverten på dine egne servere.
Entypo - Free Clean Icon Font
Entypo er en gratis ikonfont med minimal og ren design. Denne pakken inneholder over 400 ikoner. Selv om skrifttypen ikke har blitt oppdatert på en stund, er ikonene fremdeles relevante i dag.
Stroke Icons 7 - Gratis iOS-ikonskrift
Denne gratis ikonetypen laget av Pixelden kommer med 200 unike ikoner med tynn linje design. Hvert ikon har et design inspirert av iOS 7. Denne ikonetypen er best egnet for design av nettsteder og webapper.
5 tips for å velge en ikonskrift
Her er noen tips for å hjelpe deg med å velge den beste ikonfonten for forskjellige typer nett- og brukergrensesnittdesign.
1. SVG Icons vs Icon Font
Det er ganske en debatt om å velge SVG-ikoner og ikonfonter. Mens begge alternativene har sine egne fordeler og ulemper, foretrekker noen designere det ene fremfor det andre.
Heldigvis inkluderer de fleste ikonfontene på listen vår også SVG-ikonversjoner. Så vi lar deg bestemme hvilket alternativ som er riktig for prosjektet ditt.
2. Sørg for at det er responsivt
Responsen på ikonfonten din er sannsynligvis den viktigste funksjonen du må se etter når du velger hvilken som helst type ikon. Det er også her ikonskrifter lyser, da de vanligvis er responsive nok til å se like ut på alle typer skjermstørrelser og enheter.
Skjønt, det ville ikke skade å dobbeltsjekke for å sikre at ikonene er lydhøre, spesielt hvis du bruker en SVG-versjon av ikonene.
3. Velg passende temaer
Ikonfonter kommer i forskjellige stiler og temaer. For eksempel konturikoner, flatdesignikoner, minimalistiske ikoner og mer. Avhengig av hvilken type prosjekt du jobber med, er det opp til deg å finne riktig ikonfont med passende tema.
4. Farger og tilpasning
En av de mange fordelene med å være selv vert for dine egne ikonskrifter er at det lar deg tilpasse ikoner etter dine ønsker. De fleste moderne ikonfonter lar deg velge mellom flere ikonversjoner, inkludert utfyllings- og konturversjoner.
5. Gratis vs Premium Icon-skrifter
Hvis du har et stramt budsjett, er det selvfølgelig det ideelle valget å gå med gratis font. Men hvis du har råd til noen få dollar, kan du bruke en premium-ikonfont. Ikke bare for å gi et unikt utseende til web- eller brukergrensesnittdesignet. Men også for å ha full kontroll over ikonene og å kunne bruke dem i kommersielle prosjekter.
Ta en titt på vår samling av de beste maler for applandingsnettsteder for å få et forsprang i designene på nettstedet ditt.
){kind=link}