Veer pictogrammen - een mooie, minimalistische en gratis iconen set

Als u op internet zoekt, vindt u talloze gratis sets met pictogrammen die op het internet zijn afgestemd. Deze zijn ongelooflijk handig voor alle soorten websites, omdat afbeeldingen altijd een lay-out opvullen.

Het is erg moeilijk om gratis pictogramsets te vinden die passen bij uw ontwerp. Meestal is uw beste optie een minimalistische pictogrammenset zoals Doezelaar.

Deze nieuwe set staat vol lijnpictogrammen met een strak ontwerp . De pictogrammen lijken meer op interface-pictogrammen, maar ze kunnen ook als pictogram van het type werken op uw startpagina.

Hoe dan ook, ze zijn allemaal open source en volledig gratis te gebruiken op elke website .

Je hebt niet veel kennis van frontend-codering nodig om deze te laten werken. Ja , je moet wat tijd doorbrengen in de code, maar je zou niet moeten worstelen om dit te laten draaien.

Als u geen pictogramlettertypen op het web hebt gebruikt, is Doezelaar een geweldige plaats om te beginnen.

Bekijk hun newbies-handleiding als u niet zeker weet wat u moet doen. Het zal je door alles heen leiden om je site op gang te krijgen met deze iconen.

U moet wel een extern JS-bestand bellen, iets dat niet zo vaak voorkomt bij andere pictogrammensets. Maar als je de webfonts niet wilt gebruiken, download dan gewoon de SVG-vectoren en sluit die in .

In feite heeft het team zelfs een kleine CodePen-sjabloon gemaakt die u in uw code kunt kopiëren en plakken. Dit is perfect voor het leren van de basiscodes en het opnieuw ontwerpen van uw site zonder helemaal opnieuw te hoeven beginnen .

Maar als je goed bezig bent met coderen, bekijk dan de kleine API-referentie op hun GitHub-pagina. Hiermee kunt u pictogramstijlen beheren en vectorindelingen wijzigen met een paar regels JavaScript.

Houd er rekening mee dat deze icon niet op elke site past . Het is belangrijk om over de Feather-pictogrammen te kijken en zelf te beslissen of deze minimalistische ontwerpen voor u kunnen werken.

Neem een ​​kijkje op hun startpagina om hun volledige collectie te bekijken. U vindt een link naar de hoofddocumentatie op GitHub met alle stappen die nodig zijn om dit te laten werken.

En als u vragen of suggesties voor de auteur heeft, kunt u hem een ​​tweet @colebemis schieten.