Iconen spelen een belangrijke rol in het geven u een eerste indruk van de site of applicatie-interface. Maar het kost veel tijd en geld om ze vanaf nul te ontwikkelen., Met pictogrammen op uw site kunt u effectief communiceren met uw bezoekers: ze verhogen de leesbaarheid, markeren belangrijke inhoud, versterken functionaliteit of functies en verbeteren het ontwerp. Daarom is het de moeite waard aandacht te besteden aan kant-en-klare beste icon packs.
ook als het gaat om icon design, is dit een geweldige manier om designer kwalificaties te demonstreren., Een zoete, mooie icon pack is een perfecte showcase van het werk van de ontwerper en een krachtig instrument om uw reputatie online op te bouwen.
Hier zijn enkele grote voordelen van het gebruik van pictogrammen in uw volgende UX design project.
pictogrammen helpen om de leesbaarheid van de site of app te vergroten.
goed gemaakte pictogrammen helpen het tekstvolume te verminderen. Met behulp van pictogrammen maakt uw bericht begrijpelijk zonder tekst.
pictogrammen kunnen personalisatie toevoegen aan uw product.
pictogrammen kunnen een goed startpunt zijn om het product te leren kennen.,
Last, but not least: een van de belangrijkste functies van iconen is om gebruikers te helpen de applicatie intuïtief te begrijpen, zowel bij de eerste kennismaking als tijdens het volgende gebruik.
In dit artikel vindt u een verzameling van de beste icon packs die u kunt gebruiken op uw website of bedrijf, zelfs als u geen creatieve artiest bent. De producten die in dit artikel worden gepresenteerd, kunnen niet alleen worden gebruikt op gemeenschappelijke websites en in eenvoudige gevallen, maar ook in meer complexe en gespecialiseerde.
We verdelen de producten in verschillende categorieën voor uw gemak., Voor beschrijvingen ziet u de categorie waartoe dit product behoort.
vrije pictogramsets.
marktplaatsen. De marktplaats bevat pictogrammen van verschillende fabrikanten. Hier vindt u zowel goedkope en dure, evenals goede en lage kwaliteit producten.
materiaalontwerp icon sets en platte icon sets.
CSS icon sets. CSS iconen zijn gemaakt met behulp van-guess what-CSS. Om ze te gebruiken, Kopieer je gewoon de code naar je pagina.
pictogrammen lettertypen. Volgens Pluralsight zijn icoonlettertypen echte lettertypen die symbolen en glyphs bevatten in plaats van letters of cijfers., Ze zijn populair voor webdesigners, omdat je ze kunt stylen met CSS op dezelfde manier als gewone tekst. Pictogram lettertypen worden behandeld als tekst door browsers, dus je moet ze normaliseren om tekst anti-aliasing problemen te voorkomen, en worden ondersteund in bijna alle browsers.
SVG-pictogrammen. Scalable Vector Graphics (SVG) is een XML-gebaseerde vector graphics formaat dat kan schalen naar elke grootte zonder verlies van duidelijkheid. Ze kunnen worden weergegeven door middel van CSS, object tags, Afbeelding tags, of inline direct in uw HTML.
Glyph en pictogram pictogramsets.,
Flaticon
bron Afbeelding: https://www.flaticon.com/packs
Flaticon bevat volledig bewerkbare vectoren en kan worden gebruikt voor zowel persoonlijke en commerciële projecten. FlatIcon heeft meer dan 2,3 miljoen vector iconen gegroepeerd in 51202 pakketten.
het product heeft Adobe-extensie waarmee u eenvoudig pictogrammen kunt importeren in Photoshop, Illustrator en After Effects., Als u een weblettertype wilt gebruiken in plaats van statische bestanden voor uw pictogrammen, zal FlatIcon zorgen voor de conversie van het formaat en het genereren van een weblettertype klaar voor gebruik. U kunt ook gedownloade pictogrammen aanpassen.
belangrijke feiten:
meer dan 90.000 pictogrammen;
SVG -, eps -, PSD-en PNG-indelingen;
pictogramlettertypen;
Adobe-extensie voor CC suite;
Linkshare-licentie met premium-opties; en
elke maand worden nieuwe pictogrampakketten toegevoegd.,
een premium-abonnement met FlatIcon biedt u volledige licentierechten, toegang tot exclusieve content, geen advertenties, MacOS-app en Adobe-extensies, evenals de mogelijkheid om onbeperkte collecties aan te maken.,
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., De pictogrammen kunnen ook worden gebruikt als een lettertype met de gegeven css stylesheets. Er zijn 16px, 24px en 32px maten. U kunt er ook voor kiezen om pictogrammen te vullen of te lijnen.
Fontisto Icon Pack
website: https://fontisto.com/ Formaat en Type: CSS Prijs en Licentie: Gratis MIT
bron Afbeelding: https://fontisto.com/
Fontisto is een vector icons pack., Pictogrammen kunnen direct worden aangepast: grootte, kleur, slagschaduw en alles wat kan worden gedaan met de kracht van CSS. Het product vereist geen Javascript. Fontisto iconen zijn vectoren, wat betekent dat ze er goed uitzien op monitors met hoge resolutie.
op de website vindt u volledige documentatie en verschillende handleidingen over het starten en aanpassen van het product. U kunt beginnen met het product gewoon plakken van de link op uw website. Daarnaast kunt u Fontisto gebruiken met de package managers die voor u geschikt zijn: npm, garen, bower, enz.,
Iconmonstr
website: https://iconmonstr.com/ Formaat en Type: SVG, EPS, PSD en PNG -, Markt Prijs en Licentie: Gratis
bron Afbeelding: https://iconmonstr.com/
Iconmonstr de collectie van iconen heeft 4400+ pictogrammen. Elke icon set biedt zowel contouren en gevulde versies van de graphics om ervoor te zorgen dat ze kunnen worden gebruikt voor een verscheidenheid van ontwerp toepassingen., Elk pictogram op deze site is gratis beschikbaar, en pictogram Bestanden komen in dergelijke formaten als SVG, AI, PSD en PNG. De bestanden kunnen worden gebruikt voor gratis en commerciële doeleinden.
Iconmonstr maakt het eenvoudig om naar pictogrammen te zoeken via de krachtige zoekfunctie. U kunt zelfs opslaan van uw favoriete pictogrammen in een persoonlijke collectie voor toekomstig gebruik.
belangrijkste kenmerken:
vrij gebruik van alle pictogrammen,
vier formaat downloadopties, en
verkleinde pictogrammen geoptimaliseerd voor webgebruik.,
Pixsellz Materiaal Pictogrammen Bibliotheek
bron Afbeelding: https://icons.pixsellz.io/
Een enorme bundel van meer dan 1000 pictogrammen verdeeld in 16 verschillende categorieën. Het gratis icon pack is geà nspireerd op materiaalontwerp en gepresenteerd in drie verschillende visuele stijlen — afgerond, omtrek en two-tone., De set is beschikbaar in 6 verschillende bestandsformaten, zodat u de pictogrammen kunt gebruiken in uw favoriete ontwerpsoftware.
belangrijkste kenmerken:
3 stijlen,
Figma-stijlen,
1000+ iconen,
24×24 pixels,
Schetsstijlen en symbolen,
16 categorieën en
6 bestandsformaten.
Entypo
Web-site: http://www.entypo.com/ formaat en Type: SVG prijs en Licentie: Gratis, Creative Common licentie 4.,0
bron Afbeelding: http://www.entypo.com/
Entypo is een svg-pictogram family pack, zorgvuldig gemaakt een paar jaar geleden door Daniel Bruce in Zweden. Deze pictogrammen zijn prachtig: als het gaat om freebies, ze zijn top van de lijn. Het product wordt geleverd als SVG met 411 pictogrammen, gratis met een Creative Commons-licentie.,
de auteur zegt dat het bouwen van een lettertype veel tijd kost en dat het beter is om tijd te besteden aan het ontwikkelen van nieuwe pictogrammen.
het Kwaad Iconen
website: https://evil-icons.io/ Formaat en Type: SVG, Schets Prijs en Licentie: Gratis MIT
bron Afbeelding: https://evil-icons.io/
Dit pakket is enorm en het is uitgerust met alles — inclusief SVGs en de originele bronbestanden., Dat betekent dat u kunt downloaden SVGs samen met bestanden voor Illustrator en de .schets bestanden voor Schets.
elk pictogram volgt de dunne lijnstijl en ze zijn perfect voor de meeste websites. Het feit dat je de originele bron kunt bewerken maakt ze nog waardevoller.,
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.,
Dit is een van de weinige pictogrampakketten die zijn geoptimaliseerd voor Schets, waardoor het gemakkelijk is om lijnbreedtes en kleuren te manipuleren. Ingebouwde Sketch functies zoals symbolen en gedeelde stijlen maken het hergebruik van elementen, zoals pictogrammen, een snel en eenvoudig proces.
het bedrijf heeft zijn eigen web app die helpt om te bladeren, zoeken en downloaden van pictogrammen direct vanuit de browser.,
belangrijkste kenmerken:
meer dan 30000 georganiseerde vectorpictogrammen;
slimme lijnen om de dikte van de omtrek te wijzigen;
Sketch, AI, EPS, PDF, PNG, SVG formaten;
web app om pictogrammen te zoeken en te bewerken;
elk pictogram in Streamline 3.0 heeft drie unieke gewichten: light, regular en bold.,
Smashicons
website: https://smashicons.com/ Formaat en Type: POT, SVG, AI, SCHETS, in de Markt Prijs en Licentie: Gratis naar $149
bron Afbeelding: https://smashicons.com/
Smashicons biedt een uitgebreide collectie van iconen met meer dan 219000+ pictogrammen in hun bibliotheek. Smashicons werkt een beetje anders dan anderen: hun prijzen is gebaseerd op een maandelijks plan van $5/maand., Dit betekent dat voor $5 per maand krijg je toegang tot hun gehele collectie van bestaande pictogrammen evenals eventuele toekomstige pictogrammen die ze vrijgeven.
belangrijkste kenmerken:
een zeer grote verzameling pictogrammen,
alle pictogrammen zijn multi-platform compatibel,
Eenvoudig te gebruiken web app om de pictogrammen te zoeken en te vinden die u nodig hebt,
subscription-based business model,
multiplatform ondersteuning.
Icons8
Web-site: https://icons8.com/ formaat en Type: SVG, PNG, PDF licentie en prijzen: Good Boy Licentie, Vrij tot 19.,90 per maand
bron Afbeelding: https://icons8.com/
Het pictogram van Icons8 wordt geleverd met meer dan 120000 pictogrammen die betrekking hebben op verschillende categorieën; van business en office-instellingen dat geen personen, voedsel en sociale media iconen. De pictogrammen zijn ontworpen om het uiterlijk van een specifiek besturingssysteem na te bootsen. U kunt ze downloaden in Windows, iOS, en Android-versies.,
de pictogrammen werken met Sketch, Photoshop en Xcode. U kunt een WebEditor gebruiken voordat u de pictogrammen naar uw systeem downloadt.
belangrijkste kenmerken:
SVG -, PNG-en HTML-indelingen;
pictogrammen beschikbaar in verschillende stijlen, zoals lijnpictogram, gevuld pictogram en full color;
alle pictogrammen kunnen worden gedownload via .zip-bestand;
bewerken voor het downloaden;
zowel gratis als betaalde abonnementsopties.,
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., De Icomoon iconen zijn handgemaakt op een 16×16 raster en zijn beschikbaar in SVG, EPS, PSD, PDF en AI formaten. De icon set wordt ook voortdurend bijgewerkt door de makers.
elk icoonpakket bevat gedetailleerde licenties, zodat ontwerpers en ontwikkelaars precies weten hoe pictogrammen kunnen worden gebruikt. Gebruikers kunnen ook hun eigen aangepaste pictogram lettertypen.
belangrijkste kenmerken:
uitgebreide tools voor pictogrambeheer,
gratis en betaalde downloadopties,
een grote verscheidenheid aan downloadformaten,
gratis en eenvoudige updates.,
Glyphish Icon Pack
bron Afbeelding: http://www.glyphish.com/
Glyphish biedt een verscheidenheid van verschillende icoon pakketten. Elk pakket is verkrijgbaar in verschillende formaten, waaronder PNG, SVG, PSD en AI. De basic icon pack is beschikbaar voor $ 25, terwijl de ultieme is beschikbaar voor een normale prijs van $ 99. De gratis demo bevat 50 pictogrammen. Alle pictogrammen kunnen gemakkelijk worden bewerkt door ontwerpers.,
belangrijkste kenmerken:
iconen voor verschillende platforms: iOS, Android, Web, Windows;
een set van 50 vrije iconen;
gemakkelijk slepen en neerzetten in Xcode;
iconen speciaal geschikt voor Apple Retina displays.,
Ionicons
website: https://ionicons.com/ Formaat en Type: SVG en Webfont, Pictogram lettertype Licentie: MIT
bron Afbeelding: https://ionicons.com/
De Ionische team besloten om vrijlating van hun iconen als webfont genoemd Ionicons. Natuurlijk zijn ze volledig gratis en beschikbaar op GitHub. U kunt deze pictogrammen zelfs rechtstreeks aan uw site toevoegen met behulp van de CDN-versie van het stylesheet., Het ondersteunt volledig SVG en web fonts.
belangrijkste kenmerken:
volledig vrij,
eenvoudige installatie door koppeling te kopiëren en te plakken,
Material Icon is free icon pack van Google., Om de leesbaarheid en duidelijkheid te garanderen, zijn deze pictogrammen geoptimaliseerd om er geweldig uit te zien op alle platforms en displays. Deze Materiaal iconen zijn volledig gratis en toegankelijk op GitHub. Dit icon pack is absoluut enorm met meer dan 1.000 pictogrammen die een breed scala aan interface functies.
alle symbolen zijn beschikbaar in vijf thema ‘ s. U krijgt een scala aan downloadbare maten en dichtheden. Het beste formaat voor webprojecten is een eenvoudig te gebruiken icoon web lettertype.,
Linearicons
bron Afbeelding: https://linearicons.com/
Lineaire Icon pack is een van de meest populaire en beste icoon pakketten voor persoonlijke of commerciële doeleinden. Linear icon pack wordt geleverd in zowel gratis als premium versies. De gratis versie van dit geweldige icon pack valt onder Creative Common licentie. Er zijn ook verschillende pakketten die u kunt kiezen voor uw behoeften, zoals het Desktop pakket.,
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., Dit zijn open source iconen die zijn ontworpen op een 24×24 raster. De pictogrammen zijn beschikbaar in het SVG-formaat. Het is onder de MIT-licentie, en er zijn ongeveer 250+ pictogrammen in open source.
de pictogrammen zijn eenvoudig te bewerken, schoon te maken en helder — ongeacht de grootte. Ze werden ontworpen als een icoon lettertype eerst, dus het is bedoeld om te worden ingebed als een web lettertype.,
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., Er zijn verschillende maandelijkse betalingen plannen – van $ 9 tot $ 49. U kunt ook kiezen voor het “pay as you go” systeem.
pictogrambestanden zijn beschikbaar in SVG -, PNG -, ICO -, ICNS-en Adobe Illustrator-formaten en afmetingen tussen 16×16 en 512×512. U kunt ook werken met een aantal van de site de beste ontwerpers als je niet kunt vinden iets wat je leuk vindt of gewoon wilt aangepaste pictogrammen speciaal ontworpen voor u en uw merk.,
belangrijkste kenmerken:
zowel gratis als betaald Gebruik opties,
flexibele zoekfuncties,
pictogrammen beschikbaar in verschillende formaten,
veel categorieën en stijlen,
pictogrambewerker.
Het zelfstandig Naamwoord Project
bron Afbeelding: https://thenounproject.com/
Het zelfstandig Naamwoord Project biedt een van de grootste iconen bibliotheken die beschikbaar zijn op het web., De meeste pictogrammen van deze site zijn beschikbaar in SVG-en PNG-formaten, evenals in zwart-wit stijlen.
de bibliotheek van de site bestaat uit pictogrambestanden die zijn ontworpen door verschillende onafhankelijke ontwerpers. Het is een plek waar makers en creatieve professionals kunnen samenwerken om hun ontwerpen te verkopen en vind een schijnbaar eindeloze bibliotheek van premium pictogrammen.
het doorzoeken van deze enorme en uitgebreide pictogrambibliotheek is zeer eenvoudig. Extra belangrijke kenmerken van deze icon bibliotheek zijn zowel gratis als premium download opties, veel grote sets van pictogrammen, een applicatie voor Mac en meer., Deze icon bibliotheek wordt regelmatig bijgewerkt, en nieuwe iconen en sets worden elke dag geplaatst.
belangrijkste kenmerken:
meer dan 150.000 pictogrammen;
SVG, PNG-indelingen;
zoek-en zoekhulpmiddelen;
Creative Common License met premium-opties;
gratis en betaalde downloadopties;
nieuwe pictogrammen die bijna dagelijks worden geüpload.
Fontawesome Icons
Web-site: https://fontawesome.com/icons formaat en Type: SVG, PNG, Icon font, Marketplace licentie en prijzen: sil ofl 1.,1
bron Afbeelding: https://fontawesome.com/icons
Font Awesome is de meest gebruikte en de meest populaire pictogram lettertype rond. Het is ook de standaard pictogram ingesteld voor het team bij bootstrap. Het is ook beschikbaar als SVG-pictogrammen onder andere formaten.De licentie is open en gratis voor alles, commercieel of persoonlijk.
elk pictogram is volledig schaalbaar en direct te onderhouden in CSS., U kunt kleuren, schaduwen, achtergrondverlopen en vrijwel alles veranderen met behulp van pure CSS3. Een andere reden om deze bibliotheek te gebruiken is dat het volledig geoptimaliseerd is en geen compatibiliteitsproblemen heeft omdat het helemaal geen JavaScript vereist.
kenmerken:
Vector -,
elk pictogram wordt geleverd met een CSS-Klasse & Unicode
gratis
gebouwd met toegankelijkheid in het achterhoofd,
functies eenvoudig upgraden over websites,
biedt een desktop cheat sheet voor de gehele pictogram bibliotheek.,
Lineicons
website: https://lineicons.com/ Formaat en Type: SVG, Web font-Pictogram lettertype Licentie en Prijzen: Gratis
bron Afbeelding: https://lineicons.com/
LineIcons bieden ook gratis CDN met duidelijke documentatie die het gemakkelijk maakt om te beginnen.
dit pictogrampakket is volledig gratis en wordt geleverd met 450 + lijnpictogrammen., Het behandelt elk essentieel pictogram dat u nodig hebt voor het project uit verschillende categorieën. LineIcons biedt ook gratis CDN en duidelijke documentatie om gemakkelijk aan de slag te gaan. Het wordt geleverd met 2 verschillende schaalbare pakketten-WebFonts en SVG-bestanden die u kunt gebruiken, afhankelijk van uw project behoeften.
belangrijkste kenmerken:
450 + vrije pictogrammen,
SVG-bestanden,
weblettertype klaar,
gratis CDN.,
Final Thoughts
het kiezen van de juiste icoonbibliotheekbron voor uw project moet niet gebaseerd zijn op wat als het populairst wordt beschouwd, maar eerder op wat het beste past bij de behoeften van uw project. Bij het kiezen van pictogrammen, aandacht besteden aan hoe gemakkelijk het is om een project te starten, welke formaten aanwezig zijn in de bibliotheek en de prijs.
ook is een belangrijke factor bij het kiezen van een icoonpakket dat overeenkomt met de stijl van uw toepassing of site.
We hopen dat dit artikel u zal helpen bij het kiezen van de meest geschikte oplossing voor uw behoeften.
