Anastasia Ovchinnikova

Følg

Apr 5, 2020 · 13 min lese

Ikonene har en betydelig rolle i å gi deg den første inntrykk av nettstedet eller programmet grensesnitt. Men det tar mye tid og penger på å utvikle dem fra bunnen av., Ved hjelp av ikoner på nettstedet ditt gir deg mulighet til å kommunisere effektivt med dine besøkende: de øker lesbarheten, utheve viktig innhold, re-håndheve funksjonaliteten eller funksjonene, og forbedre design. Derfor er det verdt å betale oppmerksomhet til ferdige beste ikonet pakker.

Også, når det kommer til ikonet design, dette er en flott måte å vise frem designer kvalifikasjoner., En søt, fin ikon pack er en perfekt presentasjon av designer arbeid og et kraftig instrument for å bygge opp ditt omdømme online.

Her er noen store fordeler av å bruke ikoner i din neste UX-design prosjekt.

  • Ikoner hjelpe til å øke nettstedet ditt eller appen lesbarhet.
  • Godt laget ikoner bidra til å redusere tekst volum. Ved hjelp av ikoner gjør din melding forståelig uten tekst.
  • Ikoner kan legge til personlig tilpasning for ditt produkt.
  • Ikoner kan være et godt utgangspunkt for å bli kjent med produktet.,
  • Sist, men ikke minst: en av de viktigste funksjonene av ikonene er å hjelpe brukere med å intuitivt forstå programmet både ved første bekjentskap og under senere bruk.

I denne artikkelen, vil du finne en samling av noen av de beste ikonet pakker du kan bruke på din nettside eller virksomhet, selv om du ikke er en kreativ kunstner. Produktene som presenteres i denne artikkelen kan bli brukt ikke bare på vanlige nettsider og i vanlige saker, men også i mer komplekse og spesialiserte seg.

Vi deler produktene inn i flere kategorier for lette., Før beskrivelser vil du se kategorien dette produktet tilhører.

  • Gratis ikonet angir.
  • Markedsplasser. Markedet inneholder ikoner fra forskjellige produsenter. Her kan du finne både billige og dyre, så vel som god og lav kvalitet.
  • Material design-ikon sett og Flatskjerm-ikonet angir.
  • CSS-ikonet angir. CSS ikonene er laget ved hjelp av — gjett hva — CSS. Å bruke dem, bare kopier koden til din side.
  • Ikoner skrifter. I henhold til Pluralsight, ikon skrifter er faktisk skrifter som inneholder symboler og tegn i stedet for bokstaver eller tall., De er populære for web-designere, siden du kan style dem med CSS på samme måte som vanlig tekst. Ikonet skrifter behandles som tekst av nettlesere, slik at du trenger å normalisere dem for å unngå tekst anti-aliasing problemer, og er støttet i nesten alle nettlesere.
  • SVG-ikoner. Scalable Vector Graphics (SVG) er et XML-basert vector grafikk-format som kan skaleres til enhver størrelse uten å miste klarhet. De kan vises gjennom å bruke CSS, object-koder, bilde-tagger, eller inlined direkte inn i HTML.
  • Glyph og pictogram-ikonet angir.,

Flaticon

Bilde kilde: https://www.flaticon.com/packs

Flaticon inneholder fullstendig redigerbare vektorer og kan brukes for både personlig og kommersielle prosjekter. FlatIcon har mer enn 2,3 millioner vector ikoner gruppert i 51202 pakker.

produktet har Adobe Extension som gjør at du enkelt kan importere ikoner inne i Photoshop, Illustrator og After Effects., Hvis du ønsker å bruke en web-skrift i stedet for statiske filer for dine ikoner, FlatIcon vil ta vare på format konvertering og generere en web-font klar til bruk. Du kan også tilpasse lastet ned ikoner.

– Tasten fakta:

  • over 90 000 ikoner;
  • SVG, EPS, PSD, og PNG-format;
  • ikonet skrifter;
  • Adobe Extension for CC suite;
  • Linkshare lisens med premium valg; og
  • nye ikonet pakker er lagt til hver måned.,

Et premium-abonnement med FlatIcon vil gi deg full lisensiering av rettigheter, tilgang til eksklusivt innhold, ingen annonser, MacOS app og Adobe-utvidelser, samt muligheten til å opprette et ubegrenset antall 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., Ikonene kan også brukes som et skrift med gitt CSS-stilark. Det er 16px, 24 piksler og 32px størrelser. Du kan også velge å fylle eller hjerneslag ikoner.

Fontisto Ikon Pack

Web-område: https://fontisto.com/
Format og Skrive: CSS
Pris og Lisens: Gratis, MIT

Bilde kilde: https://fontisto.com/

Fontisto er en vector ikoner pack., Ikoner kan være umiddelbart tilpasset: størrelse, farge, skygge og alt som kan gjøres med makt av CSS. Produktet krever ikke Javascript. Fontisto ikoner er vektorer, noe som betyr at de vil se bra ut på høyoppløselige skjermer.

På nettstedet, kan du finne full dokumentasjon og diverse guider på hvordan å starte og tilpasse produktet. Du kan begynne å bruke produktet bare lime inn link på ditt nettsted. I tillegg kan du bruke Fontisto med pakken ledere som er riktig for deg: npm, garn, bower, etc.,

Iconmonstr

Web-område: https://iconmonstr.com/
Format og Skrive: SVG, EPS, PSD og PNG, Torget
Pris og Lisens: Gratis

Bilde kilde: https://iconmonstr.com/

Iconmonstr samling av ikoner har 4400+ ikoner. Hvert ikon set tilbyr både beskriver og fylt versjoner av grafikk for å sikre at de kan brukes for en rekke av design programmer., Hvert ikon på dette nettstedet, er tilgjengelig for gratis, og ikon-filer kommer i slike formater som SVG, AI, PSD og PNG. Filene kan brukes gratis og kommersielle formål.

Iconmonstr gjør det enkelt å søke etter ikoner via sin kraftige søk-funksjonen. Du kan også lagre dine favoritt ikoner i en personlig samling for fremtidig bruk.

Viktige funksjoner:

  • fri bruk av alle ikoner
  • fire-format last ned alternativer, og
  • mindre ikoner som er optimalisert for bruk på internett.,

Pixsellz Materiale Ikoner Bibliotek

Bilde kilde: https://icons.pixsellz.io/

En stor bunt av over 1000 ikoner delt inn i 16 ulike kategorier. Gratis ikon pack er inspirert av Materialet design og presentert i tre ulike visuelle stiler — avrundet -, disposisjons-og to-tone., Settet er tilgjengelig i 6 forskjellige filformater, slik at du kan bruke ikonene i ditt foretrukne design software.

Viktige funksjoner:

  • 3 stiler,
  • Figma stiler,
  • 1000+ ikoner
  • 24×24 punkter,
  • Skisse stiler og symboler,
  • 16 kategorier, og
  • 6 filformater.

Entypo

Web-område: http://www.entypo.com/
Format og Skrive: SVG
Pris og Lisens: Gratis, Creative Common-Lisens 4.,0

Bilde kilde: http://www.entypo.com/

Entypo er en svg-ikonet family pack, nøye utformet for noen år siden av Daniel Bruce i Sverige. Disse ikonene er flott: når det kommer til freebies, de er toppen av linjen. Produktet leveres som SVG-med 411 ikoner, gratis med en Creative Commons-Lisens.,

forfatteren sier bygge en skrift som tar mye tid og det er bedre å bruke tiden på å utvikle nye piktogrammer.

Onde Ikoner

Web-område: https://evil-icons.io/
Format og Skrive: SVG, Skisse
Pris og Lisens: Gratis, MIT

Bilde kilde: https://evil-icons.io/

Denne pakken er helt enorme, og den kommer med alt — inkludert SVGs og den opprinnelige kilde filer., Det betyr at du kan laste ned SVGs sammen med filer for Illustrator og .skisse-filer for Skissen.

Hvert ikon følger tynn linje stil og de er perfekte for de fleste nettsteder. Det faktum at du kan redigere den opprinnelige kilden gjør dem enda mer verdifull.,

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 av de få ikonet pakker som er optimalisert for Skisse, noe som gjør det enkelt å manipulere slag bredder og farger. Innebygd Skisse funksjoner som symboler og delte stiler gjøre gjenbruk av elementer, som ikoner, en rask og enkel prosess.

selskapet har sin egen web-app som bidrar til å bla gjennom, søke etter og laste ned ikoner rett fra nettleseren.,

Viktige funksjoner:

  • mer enn 30000 vector ikoner organisert;
  • Smart Slag for å endre skissere tykkelse;
  • Skisse, AI, EPS, PDF, PNG, SVG formater;
  • web app til å søke og redigere ikoner;
  • hvert ikon i Effektivisere 3.0 har tre unike vekter: light, regular og bold.,

Smashicons

Web-område: https://smashicons.com/
Format og Skrive: JAR, SVG, AI, SKISSE, Torget
Pris og Lisens: Gratis til $149

Bilde kilde: https://smashicons.com/

Smashicons tilbyr en omfattende samling av ikoner med over 219000+ ikoner i deres bibliotek. Smashicons fungerer litt annerledes enn andre: prisen er basert på en månedlig plan på $5/mnd., Dette betyr at for 5 dollar i måneden får du tilgang til hele sin samling av eksisterende ikoner samt eventuelle fremtidige ikoner de slipper.

Viktige funksjoner:

  • en meget stor samling av ikoner,
  • alle ikoner er multi-plattform kompatible,
  • lett-å-bruke web app for å søke etter og finne ikoner du trenger,
  • abonnement-basert forretningsmodell,
  • multiplattform støtte.

Icons8

Web-område: https://icons8.com/
Format og Skrive: SVG, PNG, PDF
Lisens og Priser: God Gutt Lisens, Gratis til 19.,90 per måned

Bilde kilde: https://icons8.com/

ikonet settet fra Icons8 kommer med mer enn 120000 ikoner som dekker flere kategorier; fra forretnings-og office-innstillingene til mennesker, mat og sosiale medier ikoner. Ikonene er designet for å etterligne utseendet av et bestemt operativsystem. Du kan laste dem ned i Windows, iOS og Android-versjoner.,

ikonene arbeide med Skissen, Photoshop og Xcode. Du kan bruke en web-editor før du laster ned ikonene til systemet.

Viktige funksjoner:

  • SVG, PNG og HTML-formater;
  • ikoner tilgjengelig i forskjellige stiler, for eksempel linje-ikonet, fylt ikonet, og full farge;
  • alle ikoner kan lastes ned via .zip-fil;
  • rediger før du laster ned;
  • både gratis og betalt abonnement valg.,

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., Den Icomoon ikoner har blitt håndlaget på en 16X16 rutenett, og er tilgjengelig i SVG, EPS, PSD, PDF og AI formater. Ikonet settet er også kontinuerlig oppdatert av sine skapere.

Hvert ikon pack inneholder detaljert lisensiering, slik at designere og utviklere vet nøyaktig hvordan ikonene kan brukes. Brukere kan også lage sine egne tilpassede ikonet skrifter.

Viktige funksjoner:

  • omfattende ikonet management verktøy
  • gratis og betalt nedlasting alternativer
  • et bredt utvalg av nedlastbare formater,
  • enkelt og gratis oppdateringer.,

Glyphish Ikon Pack

Bilde kilde: http://www.glyphish.com/

Glyphish tilbyr en rekke forskjellige ikonet pakker. Hver pakke kommer i en rekke forskjellige formater, inkludert PNG, SVG, PSD og AI. Den grunnleggende ikon pack er tilgjengelig for $25 mens den ultimate er tilgjengelig på en vanlig pris på $99. Gratis demo inneholder 50 ikoner. Alle ikoner kan enkelt redigeres av designere.,

Viktige funksjoner:

  • ikoner for flere plattformer: iOS, Android, Web, Windows;
  • et sett av 50 gratis ikoner;
  • enkel dra-og-slipp i Xcode;
  • ikoner spesielt stor for Apples Retina-skjermer.,

Ionicons

Web-område: https://ionicons.com/
Format og Skrive: SVG og Webfont, Ikon-skrift
Lisens: MIT

Bilde kilde: https://ionicons.com/

Den Ioniske teamet bestemte seg for å gi sine ikoner som webfont kalt Ionicons. Naturlig, de er helt gratis og tilgjengelig på GitHub. Du kan selv legge til disse ikoner direkte til nettstedet ditt ved hjelp av CDN versjon av stilark., Den har full støtte for SVG-og web-skrifter.

Viktige funksjoner:

  • helt gratis
  • easy setup (enkelt oppsett ved å kopiere og lime inn linken,
  • kommer som en webfont,
  • tilpassede størrelser,
  • over 1100 elementer.

Kantete Materiale Ikoner

Bilde kilde: https://material.io/resources/icons/?style=baseline

Material-Ikonet er gratis ikon pack fra Google., For å sikre lesbarheten og klarhet, disse ikonene har blitt optimalisert for å se flott ut på alle plattformer og skjermer. Disse materiale ikoner er helt gratis og tilgjengelig på GitHub. Dette ikonet pakken er absolutt massive med over 1000 ikoner, som dekker et bredt spekter av grensesnitt funksjoner.

Alle av symboler er tilgjengelig i fem temaer. Du vil få en rekke nedlastbare størrelser og oppløsninger. Best format for web-prosjekter er en lett-å-bruke web-ikonet skrift.,

Linearicons

Bilde kilde: https://linearicons.com/

Lineær Ikon pack er en av de mest populære og beste ikonet pakker for personlige eller forretningsmessige formål. Lineær ikon pack kommer i både gratis og premium versjoner. Den gratis versjonen av denne fantastiske ikon pack kommer under en Creative Common-lisens. Det er også forskjellige pakker som du kan velge etter behov, for eksempel Skrivebordet 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 som har blitt utviklet på en 24X24 rutenett. Ikoner er tilgjengelig i SVG-format. Det er under MIT-lisens, og det er ca 250+ ikoner i åpen kildekode.

ikoner er lett å redigere, ren og skarp — uavhengig av størrelse. De var utformet som en ikon-skrift første, så det er ment å være integrert som en web-font.,

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., Det er flere månedlig betaling planer — fra $9 til $49. Du kan også velge «pay as you go» – system.

Ikonet for filer som er tilgjengelige i SVG, PNG, ICO, ICNS, og Adobe Illustrator formater og mål varierer mellom 16×16 til 512×512. Du kan også arbeide med noen av områdets beste designere hvis du ikke kan finne noe du liker eller ønsker du rett og slett egendefinerte ikoner designet spesielt for deg og din merkevare.,

Viktige funksjoner:

  • både gratis og betalt bruke alternativer
  • fleksibel søk funksjoner,
  • ikoner tilgjengelig i en rekke formater,
  • en rekke kategorier og stilarter,
  • ikon editor.

Substantiv Prosjektet

Bilde kilde: https://thenounproject.com/

Substantivet Prosjektet tilbyr en av de største ikon bibliotek er tilgjengelig på internett., Det meste av dette området er ikoner er tilgjengelige i SVG-og PNG-format, samt i svart og hvitt stiler.

nettstedet på biblioteket består av ikonet filer som er utviklet av en rekke uavhengige designere. Det er et sted hvor skaperne og kreative fagfolk kan samarbeide for å selge sine design og finn en tilsynelatende endeløs bibliotek av premium-ikoner.

Søker i dette store og omfattende ikon bibliotek er veldig enkelt. Flere viktige funksjoner i denne ikon bibliotek omfatter både gratis og premium laste ned alternativer, mange store sett med ikoner, et program for Mac, og mer., Dette ikonet biblioteket blir jevnlig oppdatert, og nye ikoner og setter legges ut hver dag.

Viktige funksjoner:

  • over 150 000 ikoner;
  • SVG, PNG;
  • søk og discovery-verktøy;
  • Creative Common-Lisens med premium valg;
  • gratis og betalt nedlasting alternativer;
  • nye ikoner lastet opp på en nesten daglig basis.

Fontawesome Ikoner

Web-område: https://fontawesome.com/icons
Format og Skrive: SVG, PNG, Ikon-skrift, Torget
Lisens og Priser: SIL OFL 1.,1

Bilde kilde: https://fontawesome.com/icons

Skrift Fantastisk er den mest brukte og mest populære ikon-skrift som ligger rundt. Det er også standard ikon satt for teamet hos bootstrap. Det er også tilgjengelig som SVG-ikoner blant andre formater.Lisensen er åpen og gratis for noe, kommersiell eller personlig.

Hvert ikon er fullt skalerbar og stabile direkte i CSS., Du kan endre farger, skygger, bakgrunn graderinger og ganske mye annet ved hjelp av ren CSS3. En annen grunn til å bruke dette biblioteket er at det er fullt optimalisert og har ingen kompatibilitetsproblemer fordi det ikke krever JavaScript på alle.

Viktige funksjoner:

  • Vektor Skrift,
  • hvert ikon kommer med en CSS-Klasse & Unicode,
  • gratis,
  • bygget med tanke på tilgjengelighet,
  • har enkel oppgradering på tvers av nettsteder,
  • tilbyr en desktop jukse ark for hele ikon bibliotek.,

Lineicons

Web-område: https://lineicons.com/
Format og Skrive: SVG, Web-font, Ikon-skrift
Lisens og Priser: Gratis

Bilde kilde: https://lineicons.com/

LineIcons også gi gratis CDN med klar dokumentasjon som gjør det enkelt å komme i gang.

Dette ikonet pakken er helt gratis og kommer med 450+ linje ikoner., Dette dekker hver eneste avgjørende ikonet du trenger for prosjektet fra forskjellige kategorier. LineIcons gir også gratis CDN og klar dokumentasjon for å komme i gang lett. Den kommer med 2 ulike skalerbare pakker — WebFonts og SVG-filer du kan bruke avhengig prosjektet ditt behov.

Viktige funksjoner:

  • 450+ Gratis Ikoner
  • SVG-Filer,
  • Web-Font Klar,
  • gratis CDN.,

Siste Tanker

Velge riktig ikon bibliotek ressurs for prosjektet ditt bør ikke være basert på hva som er ansett som de mest populære, men heller hva som passer best til behovene i prosjektet. Når du velger ikoner, ta hensyn til hvor lett det er å starte opp et prosjekt, hvilke formater er til stede i biblioteket og pris.

Også en viktig faktor når du velger et ikon pack vil være å matche stilen på ditt program eller på nettstedet.

– Vi håper denne artikkelen vil hjelpe deg å velge den mest egnede løsningen for dine behov.