10 pictograme utile și gratuite de fonturi pe care trebuie să le marcați

Pe măsură ce tot mai multe dispozitive adoptă ecrane de înaltă definiție, pictogramele de fonturi devin alegerea populară de a adopta. Este redimensionabil fără a compromite calitatea și personalizabil prin CSS. Putem schimba cu ușurință culoarea, mărimea și chiar iconițele animate cu CSS3. În plus, este Rezoluția-independent ceea ce face să pară clară pe orice densitate a ecranului.

FontAwesome este de departe una dintre cele mai populare surse de fonturi, cu o imensa colectie de icoane. Dar este foarte inutil să descărcați întreaga colecție atunci când trebuie să folosiți doar câteva. Aici sunt 10 surse alternative de icoane de fonturi bine realizate că sper că veți găsi util uneori pentru a construi următoarele site-uri și aplicații mari în locul FontAwesome.

StackIcons

StackIcons sunt pictograme pentru peste 60 de branduri sociale moderne. Acesta vine cu CSS, permițându-vă stilul fontului dvs. în mai multe forme de recipiente. Puteți obține icoanele dvs. de marcă socială în cercuri, pătrate sau cu margini rotunjite. Puteți de asemenea colora pictogramele în mai multe culori, oferindu-vă mai multe culori de brand realiste.

Licență: SIL Open Font și MIT

Twemoji Awesome

Twemoji este un proiect de emoticon cu sursă deschisă de pe Twitter. Elle Kasai a porționat-o la o pictogramă de font numită Twemoji Awesome. Toate numele de clase care afișează pictogramele sunt aceleași cu cele din Foața de înșelătorie Twemoji, dar trebuie să utilizați o linie în loc de un subliniere, asta e tot. Iată un exemplu despre modul în care adăugăm hatching_chick icon:

Licență: MIT și CC-BY pentru grafica emoticonului

Font Diao

Font Diao este o colecție de pictograme de fonturi din site-uri populare sau companii cu sediul în China, cum ar fi Alibaba, Alipay, WeChat, Xiaomi și Weibo. Fontul poate fi util atunci când construiți wesbites desemnat pentru audiența continentală din China, care probabil sunt familiarizați cu acest font special.

Licență: Licență publică

Socialicious

Socially este un font construit exclusiv pentru site-uri sociale populare precum Facebook, Twitter și Instagram. Fontul este construit pentru a funcționa bine cu Bootstrap. Iată un exemplu de cod pentru a construi un buton cu Bootstrap .BTN clasă în colaborare cu clasele de fonturi.

   Conectează-te cu Linkedin

Licență: Licență MIT.

Octicons

Octicons este un set de pictograme de fonturi prezentate de GitHub, permițându-vă să utilizați aceeași pictogramă utilizată de GitHub în proiectul dvs. Există mai mult de 170 de pictograme gata să se aplice pentru următorul proiect.

Font de plată

Dacă utilizați un gateway de plată, este posibil să doriți să apăsați aceste pictograme pentru fonturi. Pachetul conține 95 de icoane de somn care sunt de metode populare de plată sau gateway-uri, cum ar fi Visa, American Express și multe altele.

Licență: SIL OFL 1.1

Android Icons

Acesta este setul de pictograme creat de Opoloo, cunoscut anterior ca comunitatea Android. Acesta include 250 de icoane minunate în 5 dimensiuni și 14 culori ale icoanelor native Android.

Licență: Attribution-ShareAlike 4.0 International

DevIcons

DevIcons este un set de icoane scrise manual de Theodore Vorillas. Conține 85 de simboluri și logo-uri de aplicații de dezvoltare familiare, cum ar fi pictograma GitHub, pictograma Gulp, pictograma Angular și multe altele.

Licență: MIT

Deschideți Iconic

Deschideți Icon conține 223 de icoane gata de utilizare cu bootstrap, un cadru sau propria foaie de stil. Dimensiunea fontului este mică, doar 12,4 Kb, ceea ce reprezintă aproximativ un sfert din ceea ce puteți găsi în FontAwesome. Lucrul cool aici este, aceste icoane pot fi reduse la 8px.

Licență: SIL.

Material Design Font Iconic

Există 15 categorii de pictograme de fonturi inspirate din Materialul de design Google din acest pachet. Pentru a le utiliza, trebuie doar să instalați Material-Design-Iconic-Font.ttf, apoi să utilizați această cheat-card. Copiați inserați pictogramele (nu unicode) în proiectul dvs. Puteți să măriți pictogramele, să le acordați margini, să le rotiți, să le rotiți sau să le răsturnați cu CSS.