10 nuttige en gratis lettertypepictogrammen die u moet markeren

Omdat steeds meer apparaten HD-schermen gebruiken, worden lettertypepictogrammen de populaire keuze om te gebruiken. Het is resize zonder de kwaliteit in gevaar te brengen en aanpasbaar via CSS. We kunnen de pictogrammen voor kleur, grootte en zelfs animatie van lettertypen eenvoudig wijzigen met CSS3. Plus het is resolutieonafhankelijke waardoor het er helder uitziet op elke schermbelichting.

FontAwesome is verreweg een van de meest populaire fontbronnen, met een enorme verzameling iconen. Maar het is overbodig om de hele verzameling te downloaden als u er maar een paar wilt gebruiken. Hier zijn 10 alternatieve bronnen van goed ontworpen lettertypepictogrammen Ik hoop dat je het soms handig zou vinden om je volgende geweldige websites en apps te bouwen in plaats van FontAwesome.

StackIcons

StackIcons zijn lettertypepictogrammen voor meer dan 60 moderne sociale merken. Het wordt geleverd met CSS, zodat u uw lettertype in vele containervormen kunt stylen. U kunt uw sociale merkpictogrammen in cirkels, vierkanten of met afgeronde hoeken krijgen. U kunt de pictogrammen ook in meer dan één kleur inkleuren, waardoor u realistischere merkkleuren krijgt.

Licentie: SIL Open Font en MIT

Twemoji geweldig

Twemoji is een open source emoticon-project van Twitter. Elle Kasai heeft het geport naar een lettertypepictogram genaamd Twemoji geweldig. Alle klasnamen om de pictogrammen weer te geven zijn hetzelfde als de Cheemplate van Twemoji, maar u moet een liggend streepje gebruiken in plaats van een onderstrepingsteken, meer niet. Hier is een voorbeeld van hoe we het toevoegen hatching_chick icoon:

Licentie: MIT en CC-BY voor de grafische afbeeldingen van Emoticon

Lettertype Diao

Lettertype Diao is een verzameling lettertypepictogrammen van populaire websites of bedrijven in China, zoals Alibaba, Alipay, WeChat, Xiaomi en Weibo. Het lettertype kan van pas komen als je wesbites aan het maken bent die zijn aangewezen voor het Chinese vastelandpubliek, die waarschijnlijk bekend zijn met dit specifieke lettertype.

Licentie: Publieke licentie

Socialicious

Socialicious is een lettertype dat exclusief is gebouwd voor populaire sociale websites zoals Facebook, Twitter en Instagram. Het lettertype is gebouwd om mooi te werken met Bootstrap. Hier is een voorbeeldcode om een knop met Bootstrap te bouwen .BTN klasse in combinatie met lettertypeklassen.

   Maak verbinding met Linkedin

Licentie: MIT-licentie.

Octicons

Octicons is een verzameling lettertypepictogrammen gepresenteerd door GitHub, zodat u hetzelfde pictogram kunt gebruiken als door GitHub in uw project wordt gebruikt. Er zijn meer dan 170 pictogrammen klaar om te worden toegepast op uw volgende project.

Betalingsletter

Als u een betalingsgateway gebruikt, wilt u deze lettertypepictogrammen misschien wel pakken. Het pakket bevat 95 slaappictogrammen met populaire betalingsmethoden of gateways zoals Visa, American Express en meer.

Licentie: SIL OFL 1.1

Android-pictogrammen

Dit is de icon set gemaakt door Opoloo, voorheen bekend als de Android-community. Het bevat 250 geweldige pictogrammen in 5 formaten en 14 kleuren native Android-pictogrammen.

Licentie: Attribution-ShareAlike 4.0 International

DevIcons

DevIcons is een verzameling lettertype-iconen, handgemaakt door Theodore Vorillas. Het bevat 85 symbolen en logo's van bekende ontwikkelingsapplicaties zoals GitHub-pictogram, Gulp-pictogram, hoekig pictogram en vele andere.

Licentie: MIT

Open iconisch

Open Icon bevat 223 iconen klaar voor gebruik met bootstrap, een framework of je eigen stylesheet. De lettergrootte is klein, slechts 12,4Kb, wat ongeveer een kwart is van wat je kunt vinden in FontAwesome. Het leuke is dat deze pictogrammen kunnen worden verkleind tot 8px.

Licentie: SIL.

Materiaalontwerp Iconisch lettertype

Er zijn 15 categorieën door Google Material Design geïnspireerde lettertypepictogrammen in dit pakket. Gebruik Material-Design-Iconic-Font.ttf om ze te gebruiken en gebruik vervolgens deze cheatsheet. Kopieer de pictogrammen (niet de unicode) in uw project. Je kunt de pictogrammen vergroten, randen geven, draaien, draaien of omdraaien met CSS.