Ikoner har en væsentlig rolle i at give dig det første indtryk af webstedet eller programmet interface. Men det tager meget tid og penge at udvikle dem fra bunden., Brug af ikoner på dit siteebsted giver dig mulighed for effektivt at kommunikere med dine besøgende: de øger læsbarheden, fremhæver vigtigt indhold, håndhæver funktionalitet eller funktioner igen og forbedrer designet. Derfor er det værd at være opmærksom på færdige bedste ikonpakker.
Også, når det kommer til design ikon, dette er en fantastisk måde at fremvise designer kvalifikationer., En sød, flot ikon pack er en perfekt udstillingsvindue af designerens arbejde og et kraftfuldt instrument til at opbygge dit omdømme online.
Her er nogle gode fordele ved at bruge ikoner i dit næste u. – designprojekt.
- ikoner hjælper med at øge læsbarheden af theebstedet eller appen.
- godt lavede ikoner hjælper med at reducere tekstvolumen. Brug af ikoner gør din besked forståelig uden tekst.
- ikoner kan tilføje personalisering til dit produkt.
- ikoner kan være et godt udgangspunkt for at lære produktet at kende.,
- sidst, men ikke mindst: en af de vigtigste funktioner i ikoner er at hjælpe brugerne intuitivt med at forstå applikationen både ved den første bekendtskab og under efterfølgende brug.
i denne artikel finder du en samling af nogle af de bedste ikonpakker, du kan bruge på dit websiteebsted eller din virksomhed, selvom du ikke er en kreativ kunstner. De produkter, der præsenteres i denne artikel, kan ikke kun bruges på almindelige hjemmesider og i grundlæggende tilfælde, men også i mere komplekse og specialiserede.
Vi opdeler produkterne i flere kategorier for din lethed., Før beskrivelser vil du se den Kategori dette produkt tilhører.
- gratis ikonsæt.
- markedspladser. Markedspladsen indeholder ikoner fra forskellige producenter. Her kan du finde både billige og dyre, såvel som gode produkter af lav kvalitet.
- Materiale design ikonsæt og flade ikonsæt.
- CSS ikonsæt. CSS ikoner er lavet ved hjælp af-gæt hvad-CSS. For at bruge dem skal du bare kopiere koden til din side.
- ikoner skrifttyper. Ifølge Pluralsight, ikon skrifttyper er faktiske skrifttyper, der indeholder symboler og glyffer i stedet for bogstaver eller tal., De er populære for webebdesignere, da du kan style dem med CSS på samme måde som almindelig tekst. Ikonet for skrifttyper behandles som tekst af browsere, så du bliver nødt til at normalisere dem til at undgå tekst anti-aliasing spørgsmål, og understøttes i næsten alle browsere.
- SVG ikoner. Scalable Vector Graphics (SVG) er et SVML-baseret vektorgrafik format, der kan skaleres til enhver størrelse uden at miste klarhed. De kan vises ved hjælp af CSS, objektkoder, billedkoder eller indlejret direkte i din HTML.
- ikonsæt for glyf og piktogram.,
Flaticon
Flaticon indeholder helt redigerbare vektorer og kan bruges til både personlige og kommercielle projekter. FlatIcon har mere end 2,3 millioner vektor ikoner grupperet i 51202 pakker.
produktet har Adobe-udvidelse, som giver dig mulighed for nemt at importere ikoner i Photoshop, Illustrator og After Effects., Hvis du gerne vil bruge en fonteb skrifttype i stedet for statiske filer til dine ikoner, vil FlatIcon tage sig af formatkonvertering og generere en fonteb skrifttype klar til brug. Du kan også tilpasse do .nloadede ikoner.
fakta:
- over 90.000 ikoner;
- SVG, EPS, PSD, – og PNG-formater;
- ikonet for skrifttyper;
- Adobe Extension til CC-suite;
- Linkshare licens med premium-muligheder; og
- new icon packs er tilføjet hver måned.,et premium-abonnement med FlatIcon giver dig fulde licensrettigheder, adgang til eksklusivt indhold, Ingen annoncer, MacOS-app og Adobe-udvidelser samt muligheden for at oprette ubegrænsede samlinger.,
Jam Icons
Web-site: https://jam-icons.com/
Format and Type: SVG, CSS
Price and License: Free, MIT
Image source: https://jam-icons.com/ Jam icons are a set of 896 handcrafted icons. This icon pack comes with both SVG and font versions. The icons can be used as SVG files in your web, print or application development projects., Ikonerne kan også bruges som en skrifttype med de givne CSS stylesheets. Der er 16P., 24P. og 32P. størrelser. Du kan også vælge at udfylde eller slagtilfælde ikoner.
Fontisto Ikon Pakke
Web-site: https://fontisto.com/
– Format og-Type: CSS
Pris og Licens: Gratis, MIT
Billede kilde: https://fontisto.com/ Fontisto er en vektor ikoner pack., Ikoner kan øjeblikkeligt tilpasses: størrelse, farve, drop Shado.og noget, der kan gøres med magt CSS. Produktet kræver ikke Javascript. Fontisto-ikoner er vektorer, hvilket betyder, at de vil se godt ud på skærme med høj opløsning.
på hjemmesiden kan du finde fuld dokumentation og forskellige vejledninger om, hvordan du starter og tilpasser produktet. Du kan begynde at bruge produktet ved blot at indsætte linket på dit websiteebsted. Derudover kan du bruge Fontisto med de pakkeadministratorer, der passer til dig: npm, garn, bo .er osv.,
Iconmonstr
Web-site: https://iconmonstr.com/
– Format og-Type: SVG -, EPS, PSD og PNG, Markedsplads
Pris og Licens: Gratis
Billede kilde: https://iconmonstr.com/ Iconmonstr ‘ s samling af ikoner har 4400+ ikoner. Hvert ikon sæt tilbyder både konturer og fyldte versioner af grafikken for at sikre, at de kan bruges til en række forskellige design applikationer., Hvert ikon på dette .ebsted er gratis tilgængeligt, og ikonfiler findes i formater som SVG, AI, PSD og PNG. Filerne kan bruges til gratis og kommercielle formål.Iconmonstr gør det nemt at søge efter ikoner via sin kraftfulde søgefunktion. Du kan endda gemme dine yndlingsikoner i en personlig samling til fremtidig brug.
funktioner:
- gratis brug af alle ikoner
- fire-format download muligheder, og
- nedprioriteret ikoner, der er optimeret til web brug.,
Pixsellz Materiale Ikoner Bibliotek
Billede kilde: https://icons.pixsellz.io/ Et stort bundt af over 1000 ikoner opdelt i 16 forskellige kategorier. Den gratis ikonpakke er inspireret af materialedesign og præsenteret i tre forskellige visuelle stilarter — afrundet, omrids og tofarvet., Sættet er tilgængeligt i 6 forskellige filformater, så du kan bruge ikonerne i din foretrukne designsoft .are.
funktioner:
- 3 stilarter,
- Figma stilarter,
- 1000+ ikoner,
- 24×24 pixels,
- Skitse stilarter og symboler,
- 16 kategorier, og
- 6 filformater.
Entypo
Web-site: http://www.entypo.com/
– Format og-Type: SVG
Pris og Licens: Gratis, Creative Common License 4.,0
Billede kilde: http://www.entypo.com/ Entypo er et svg-ikonet family pack, omhyggeligt udformet for et par år siden af Daniel Bruce i Sverige. Disse ikoner er fremragende: når det kommer til freebies, er de toppen af linjen. Produktet kommer som SVG med 411 ikoner, gratis med en Creative Commons licens.,forfatteren siger, at det tager meget tid at opbygge en skrifttype, og det er bedre at bruge tid på at udvikle nye piktogrammer.
Onde Ikoner
Web-site: https://evil-icons.io/
– Format og-Type: SVG -, Skitse
Pris og Licens: Gratis, MIT
Billede kilde: https://evil-icons.io/ Denne pakke er helt massiv, og det kommer med alt — herunder SVGs og de originale kildefiler., Det betyder, at du kan do .nloade SVGs sammen med filer til Illustrator og .skitse filer til skitse.
hvert ikon følger den tynde linjestil, og de er perfekte til de fleste websebsteder. Det faktum, at du kan redigere den oprindelige kilde gør dem endnu mere værdifulde.,
Streamline Icons
Web-site: https://streamlineicons.com/
Format and Type: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
Price and License: Free to $411
Image source: https://streamlineicons.com/ Streamline Icons is another nice and adaptable free icon pack on the web market. The tool is organized in 53 categories with over 30000 vector icons.,
Dette er en af de få ikonpakker, der er optimeret til Sketch, hvilket gør det nemt at manipulere slagbredder og farver. Indbyggede Skitsefunktioner såsom symboler og delte stilarter gør genbrug af elementer, som ikoner, en hurtig og nem proces.
virksomheden har sin egen appebapp, der hjælper med at gennemse, søge og Do .nloade ikoner lige fra bro .seren.,
funktioner:
- mere end 30000 vektor ikoner organiseret;
- Smart Slag for at ændre skitsere tykkelse;
- Skitse, AI, EPS, PDF, PNG, SVG formater;
- web app til at søge og redigere ikoner;
- hver ikon i Strømline 3.0 har tre unikke vægt: light, regular og bold.,
Smashicons
Web-site: https://smashicons.com/
Format og Type: JAR, SVG, AI, SKITSE, Markedsplads
Pris og Licens: Gratis til $149
Billede kilde: https://smashicons.com/ Smashicons tilbyder en omfattende samling af ikoner med over 219000+ ikoner i deres bibliotek. Smashicons fungerer lidt anderledes end andre: deres prisfastsættelse er baseret på en månedlig plan på $5/måned., Det betyder, at for $ 5 om måneden får du adgang til hele deres samling af eksisterende ikoner samt eventuelle fremtidige ikoner, de frigiver.
funktioner:
- en meget stor samling af ikoner,
- alle ikoner er multi-platform kompatibel,
- nem-at-bruge web app til at søge og finde de ikoner, du har brug for,
- abonnement-baseret business model,
- multiplatform support.
Icons8
Web-site: https://icons8.com/
– Format og-Type: SVG, PNG, PDF
Licens og Pris: en God Dreng Licens, Gratis til 19.,90 per måned
Billede kilde: https://icons8.com/ ikonet sæt fra Icons8 kommer med mere end 120000 ikoner, der dækker flere kategorier, fra business og office-indstillinger til mennesker, mad og sociale medier ikoner. Ikonerne er designet til at efterligne udseendet af et bestemt operativsystem. Du kan do .nloade dem i versionsindo .s -, iOS-og Android-versioner.,
ikonerne fungerer med Sketch, Photoshop og .code. Du kan bruge en editorebeditor, før du Do .nloader ikonerne til dit system.
funktioner:
- SVG, PNG og HTML-formater;
- ikoner tilgængelige i forskellige stilarter, som linje-ikonet, fyldt ikonet, og fuld farve;
- alle ikonerne kan downloades via .editip-fil;
- Rediger før do .nload;
- både gratis og betalte abonnementsmuligheder.,
Icomoon
Web-site: https://icomoon.io/
Format and Type: SVG, PNG, PDF
License and Pricing: Free to $139 per month
Image source: https://icomoon.io/ Icomoon comes as a complete tool for iconography and icon management. The product has a high-quality solution for editing and managing icons., Icomoon ikoner er blevet håndlavede på en 16 .16 gitter og er tilgængelige i SVG, EPS, PSD, PDF og AI formater. Ikonsættet opdateres også konstant af dets skabere.
hver ikonpakke indeholder detaljeret licens, så designere og udviklere ved nøjagtigt, hvordan ikoner kan bruges. Brugere kan også lave deres egne brugerdefinerede ikonskrifttyper.
Nøglefunktioner:
- omfattende ikonstyringsværktøjer,
- gratis og betalte do .nloadindstillinger,
- en lang række do .nloadformater,
- gratis og nemme opdateringer.,
Glyphish Ikon Pakke
Billede kilde: http://www.glyphish.com/ Glyphish tilbyder en bred vifte af forskellige ikon-pakker. Hver pakke kommer i en række forskellige formater, herunder PNG, SVG, PSD og AI. Den grundlæggende ikonpakke er tilgængelig for $ 25, mens den ultimative er tilgængelig til en almindelig pris på $99. Den gratis demo indeholder 50 ikoner. Alle ikoner kan nemt redigeres af designere.,
funktioner:
- ikoner for flere platforme: iOS, Android, Web, Windows;
- et sæt af 50 gratis ikoner;
- let træk-og-slip til Xcode;
- ikoner, der er specielt dimensioneret til Apples Retina-skærme.,
Ionicons
Web-site: https://ionicons.com/
– Format og-Type: SVG-og web font, font-Ikonet
Licens: MIT
Billede kilde: https://ionicons.com/ Den Ioniske team besluttede at frigive deres ikoner, som en web font kaldet Ionicons. Naturligvis er de helt gratis og tilgængelige på GitHub. Du kan endda tilføje disse ikoner direkte til dit .ebsted ved hjælp af CDN-versionen af stylesheet., Det understøtter fuldt ud SVG og foneb skrifttyper.
Nøglefunktioner:
- helt gratis,
- nem opsætning ved at kopiere og indsætte link,
- kommer som en .ebfont,
- tilpassede størrelser,
- over 1100 elementer.
Kantede Materiale Ikoner
Billede kilde: https://material.io/resources/icons/?style=baseline Materiale-Ikonet er gratis ikon pack fra Google., For at sikre læsbarheden og klarheden er disse ikoner optimeret til at se godt ud på alle platforme og skærme. Disse materielle ikoner er helt gratis og tilgængelige på GitHub. Denne ikonpakke er absolut massiv med over 1.000 ikoner, der dækker en bred vifte af interfacefunktioner.
alle symbolerne er tilgængelige i fem temaer. Du får en række do .nloadbare størrelser og tætheder. Det bedste format til webeb-projekter er en nem at bruge ikon fonteb skrifttype.,
Linearicons
Billede kilde: https://linearicons.com/ Lineær Ikon pack er en af de mest populære og bedste icon packs til personlige eller kommercielle formål. Lineær icon pack kommer i både gratis og premium versioner. Den gratis version af denne fantastiske ikonpakke kommer under kreativ fælles licens. Der er også forskellige pakker, du kan vælge til dine behov, såsom Desktop-pakken.,
Key features:
- CloudFront CDN;
- free version available;
- comes with different formats: SVG, PDF, Webfont.
Feathericons
Web-site: https://feathericons.com/
Format and Type: SVG, Webfont, Iconfont
License and Pricing: Free, MIT License
Image source: https://feathericons.com/ Feather is one of the most popular open-source icon sets., Disse er open source ikoner, der er designet på en 24 .24 gitter. Ikonerne er tilgængelige i SVG-format. Det er under MIT-licensen, og der er omkring 250+ ikoner i open source.ikonerne er nemme at redigere, rengøre og sprøde-uanset størrelse. De blev designet som et ikon skrifttype først, så det er beregnet til at blive indlejret som en fonteb skrifttype.,
Iconfinder
Web-site: https://www.iconfinder.com/
Format: SVG, PNG, ICO, Marketplace
License and Pricing: From $9 to $49 per month
Image source: https://www.iconfinder.com/ Iconfinder is one of the most popular icon resources on the net. It offers over 4 million icons, providing users with a variety of search options including icon format, price, size, background, etc., Der er flere månedlige betalingsplaner — fra $9 til $49. Du kan også vælge “pay as You go” – systemet.
ikonfiler er tilgængelige i SVG -, PNG -, ICO -, ICNS-og Adobe Illustrator-formater, og dimensionerne ligger mellem 16 16 16 til 512.512. Du kan også arbejde med nogle af siteebstedets bedste designere, hvis du ikke kan finde noget, du kan lide eller blot ønsker brugerdefinerede ikoner designet specielt til dig og dit brand.,
funktioner:
- både gratis og betalt muligheder,
- fleksible søgefunktioner,
- ikoner til rådighed i en række forskellige formater,
- en masse kategorier og stilarter
- icon editor.
Navneord Projekt
Billede kilde: https://thenounproject.com/ Navneord Projekt tilbyder en af de største ikon biblioteker til rådighed på nettet., De fleste af dette siteebsteds ikoner er tilgængelige i SVG-og PNG-formater såvel som i sort / hvid stilarter.bstedets bibliotek består af ikonfiler designet af en række uafhængige designere. Det er et sted, hvor skabere og kreative fagfolk kan samarbejde om at sælge deres design og finde et tilsyneladende uendeligt bibliotek med premium ikoner.
søgning i dette enorme og omfattende ikonbibliotek er meget let. Yderligere nøglefunktioner i dette ikonbibliotek inkluderer både gratis og premium do .nloadindstillinger, mange store sæt ikoner, en applikation til Mac og mere., Dette ikon bibliotek opdateres jævnligt, og nye ikoner og sæt bliver lagt ud hver dag.
funktioner:
- over 150.000 ikoner;
- SVG, PNG formater;
- søg og discovery værktøjer;
- Creative Common License med premium-muligheder;
- gratis og betalt download valg;
- nye ikoner, der uploades på en næsten daglig basis.
Fontawesome Ikoner
Web-site: https://fontawesome.com/icons
– Format og-Type: SVG, PNG, Ikon skrifttype, Markedsplads
Licens og Pris: SIL 1 OFL.,1
Billede kilde: https://fontawesome.com/icons ont Fantastisk er den mest brugte og mest populære ikon skrifttype, der ligger omkring. Det er også standard ikonet Sæt for holdet på bootstrap. Det er også tilgængeligt som SVG-ikoner blandt andre formater.Licensen er åben og gratis for alt, kommercielt eller personligt.
hvert ikon er fuldt skalerbar og vedligeholdes direkte i CSS., Du kan ændre farver, skygger, baggrundsgradienter og stort set alt andet ved hjælp af ren CSS3. En anden grund til at bruge dette bibliotek er, at det er fuldt optimeret og har ingen kompatibilitetsproblemer, fordi det ikke kræver JavaScript overhovedet.
funktioner:
- Vektor Skrifttype,
- hver ikon kommer med en CSS-Klasse & Unicode,
- gratis
- bygget med tilgængelighed i tankerne,
- funktioner nem opgradering på tværs af websteder,
- tilbyder en desktop-cheat sheet for hele ikonet bibliotek.,
Lineicons
Web-site: https://lineicons.com/
– Format og-Type: SVG, Web font, font-Ikonet
Licens og Pris: Gratis
Billede kilde: https://lineicons.com/ LineIcons også give gratis CDN med klar dokumentation, som gør det nemt at komme i gang.
denne ikonpakke er helt gratis og leveres med 450+ linjeikoner., Det dækker hvert enkelt vigtigt ikon, du har brug for projektet fra forskellige kategorier. LineIcons giver også gratis CDN og klar dokumentation for at komme i gang nemt. Den leveres med 2 forskellige skalerbare pakker – SVEBFONTS og SVG-filer, du kan bruge afhængigt af dit projekt behov.
funktioner:
- 450+ Gratis Ikoner,
- SVG-Filer,
- Web Font Klar,
- gratis CDN.,
Endelige tanker
valg af den rigtige ikonbiblioteksressource til dit projekt bør ikke være baseret på, hvad der betragtes som mest populært, men snarere hvad der bedst passer til dit projekts behov. Når du vælger ikoner, skal du være opmærksom på, hvor nemt det er at starte et projekt, hvilke formater der findes i biblioteket og prisen.en vigtig faktor, når du vælger en ikonpakke, matcher også stilen på din applikation eller dit siteebsted.
Vi håber, at denne artikel vil hjælpe dig med at vælge den mest passende løsning til dine behov.