Cele mai bune 50 de fonturi gratuite de pictograme pentru designul UI

Deși foarte populare, fonturile Icon au și capcanele lor. Ian Feather a discutat despre motivele sale pentru a trece de la un font pictogramă la SVG, iar CSS Tricks au subliniat câteva considerații atunci când alegeți între un sistem de font pictogramă sau SVG.

Ambele favorizează în mod clar SVG. Ca contraargument, Pictonic a spus că fonturile pentru pictograme sunt cu 10% mai rapide decât SVG. Acestea sunt doar lucruri pe care ar trebui să le luați în considerare înainte de a utiliza fonturile pentru pictograme.

Pentru a vă asigura că pictogramele dvs. se încarcă întotdeauna corect și au soluții sigure pentru browserele care nu acceptă @fontface , ar trebui să aruncați o privire la liniile directoare stabilite de Grupul Filament , Fonturi pentru pictograme accesibile pentru bulletproof.

Set de pictograme pentru interfața de utilizare cu sursă deschisă Eva Icons (480 de pictograme)

Dacă proiectați o nouă interfață sau doriți să prezentați caracteristicile produsului dvs., consultați acest font minunat (și gratuit) pentru pictograme. Aceste pictograme open source prezintă acțiuni și elemente, de la săgeți și atașamente până la palete de culori. Cu peste 480 de pictograme, este întregul pachet!

Font pentru pictograme linie subțire la modă (100 de pictograme, elemente Envato)

Nu există nimic ca minimalismul pentru a evidenția calitatea produsului, iar acest set de pictograme este o alegere excelentă pentru următorul tău proiect. Sunt vectori și complet editabili în Adobe Illustrator. De la pictograme de frecvență la pictograme frumoase de comutare a conturului, veți avea tot ce aveți nevoie!

Deschideți set iconic cu sursă deschisă (223 de pictograme)

Nu vă mai faceți griji pentru a face pictogramele dvs. să funcționeze cu formatarea textului. Acest set de pictograme open-source vine cu peste 230 de pictograme practice și tehnice în diferite formate, de la SVG la WOFF. Le puteți dimensiona rapid pentru a se potrivi nevoilor dvs. cu CSS și sunt perfect lizibile chiar și la 8px.

Font Pictypo Pictypo de Typogama (Elementele Envato)

Pictypo oferă pictograme distractive și captivante redate cu fonturi dingbat. Stilul rotunjit adaugă un strop de prietenie și veți avea multe cu care să lucrați. De la pictograme meteo la simboluri de birou, Pictypo oferă tot ce aveți nevoie. Liniile sunt îndrăznețe, așa că arată bine și pe ecranele mari.

Pachetul de pictograme Ionicons pentru Ionic Framework (1.100 de pictograme)

Ionicons este un pachet de pictograme complet pentru cadrul Ionic. Veți primi numeroase pictograme pentru aplicații (notificări, săgeți, alimente și multe altele), precum și pictograme cu sigle ale unor mărci renumite (de exemplu, Pinterest). În funcție de nevoile dvs., puteți descărca pictograme de contur, umplute și/sau ascuțite ca fișiere SVG și fonturi web.

Set de pictograme Icoframe Wireframe (60 de pictograme, elemente Envato)

Faceți următorul dvs. proiect mai dinamic și mai captivant cu Icoframe – pictograme frumoase și moderne de tip wireframe. Veți primi 60 de pictograme minimaliste, de la simboluri pentru paginile de conectare la pictograme grilă, cronologie și tipografie. Designul este foarte intuitiv și le puteți personaliza cu ușurință în Adobe Illustrator.

Font Awesome (1.500 de pictograme)

Font Awesome este un set de pictograme masiv și foarte popular. Ele oferă peste 1.600 de pictograme gratuite, toate fiind proiectate meticulos pentru a prezenta prietenia și ușurința în utilizare. Veți găsi totul, de la AWS și alte sigle de marcă până la pictograme de afaceri și stil de viață în galeria FA.

Fonturi Wirebet Wireframe (Elementele Envato)

Fonturile Wirebet sunt o alegere excelentă dacă doriți să vă simplificați fluxul de lucru și să integrați pictograme captivante în materialele dvs. fără a porni suita de design. Veți primi diferite pictograme tehnice, de la simboluri pentru paginile de portofoliu până la săgeți și pictograme pentru dispozitiv. Wirebet este perfect pentru wireframe!

Font pentru pictograme Line Awesome (1.380 de pictograme)

Adăugați pictograme de linii moderne materialelor dvs. într-o singură linie de cod cu Line Awesome. Îmbunătățește oferta Font Awesome și vă permite să adăugați tot felul de pictograme (de la accesibilitate și construcție la săgeți și pictograme de marcă) pe site-ul dvs. (prin CDN), prototipuri Figma și multe altele.

Colecția de fonturi Crafty (24 fonturi, elemente Envato)

Colecția Crafty oferă 24 de fonturi captivante și distractive pe care le puteți folosi pentru a face următorul dvs. design mult mai interesant. De la stele și dungi până la contururi aspre și stropiri, The Crafty Collection oferă combinații de fonturi care se joacă bine împreună, astfel încât desenele dvs. să arate mereu coezive și interesante.

Dashicons, fontul pentru pictograme de administrare WordPress (300 de pictograme)

Dashicons este un font icon pentru WordPress. Dacă doriți să emulați stilul WP semnătură în alte proiecte, vă va plăcea. Este foarte tehnic în stil, dar este ușor de utilizat. De la siglele mărcii la TinyMCE, fugiți!

Remix Icon Biblioteca cu sursă deschisă (2.000 de pictograme)

Remix Icon este o bibliotecă de pictograme open-source cu peste 2.200 de pictograme. Toate pictogramele sunt gratuite atât pentru uz personal, cât și pentru uz comercial. Veți vedea o mare varietate de pictograme, de la pictograme cu contur subțire la simboluri umplute pentru un accent suplimentar. Obțineți-le ca PNG, SVG sau cod.

Font pentru pictograme Themify (320 de pictograme)

Inspirate de Apple iOS, pictogramele Themify oferă peste 300 de pictograme minimaliste frumoase. De la săgeți la pictograme pentru aplicații, veți obține tot ce aveți nevoie, fie ca font de pictogramă pentru o integrare mai ușoară a fluxului de lucru (SVG inclus), fie un plugin pentru WordPress. Pictogramele Themify sunt perfecte pentru designul modern al interfeței de utilizare!

Font Dripicons Line-Icon v.2 (200 de pictograme)

Dacă nu doriți pictograme de linie pentru soiuri de grădină, consultați Dripicons. Acest font gratuit pentru pictograme este incredibil de ușor de utilizat, dar partea cea mai bună este că sunt frumoase! Veți primi un set de pictograme versatile cu linii îndrăznețe, de la săgeți și tehnologie până la educație și muzică.

Pictogramele Octicons din GitHub (180 de pictograme)

Dacă vă place estetica GitHub, veți iubi Octiconii lor. Aceste pictograme sunt disponibile în două dimensiuni (16px și 24px) și includ, de asemenea, câteva pictograme pentru cazuri speciale, cum ar fi solicitările de extragere. Puteți comuta între pictogramele contur și umplute, iar acestea funcționează perfect cu diferite limbaje de programare.

Fonturi pentru pictograme Fundația (280 de pictograme)

Continuați cu doar câteva rânduri de cod și pictograme Foundation. Această colecție cuprinde seturi diferite, de la pictograme generale la pictograme de accesibilitate, așa că există ceva pentru fiecare proiect. Pictogramele fundației funcționează ca un font web, așa că nu trebuie să săriți printre cercuri.

Font iconic Devicons pentru dezvoltatori (78 de pictograme)

Devicons este un font pictogramă creat special pentru dezvoltatori și o mare varietate de proiecte. Fontul conține 85 de pictograme, în principal logo-uri de marcă pentru servicii precum Dropbox și platforme de codare precum PostgreSQL. Devicon-urile pot fi integrate prin adăugarea unei singure linii de cod în antetul HTML al proiectului.

Fontul icoanei elegante (360 de pictograme)

Frumos, elegant și captivant - acest font pentru pictograme conține peste 300 de pictograme diverse. Sunt ușor de integrat și de utilizat, mai ales dacă ați folosit Teme elegante sau generatorul Divi în trecut. De la pictograme de fișier la săgeți, veți găsi tot ce aveți nevoie în acest set.

Set de pictograme Feather Open Source (282 de pictograme)

Păstrați-l simplu și accesibil cu Feather, o colecție vastă de pictograme open-source. De la săgeți și chevroni până la pictogramele aplicației UI, Feather este o completare excelentă pentru cutia dvs. standard de instrumente de proiectare. Puteți personaliza dimensiunea, lățimea liniilor și culoarea fiecărei pictograme, astfel încât să se potrivească perfect branding-ului dvs.

Font pictogramă Typicons (336 de pictograme)

Simplu, prietenos și perfect pentru o mare varietate de proiecte, Typicons sunt o alegere excelentă. Sunt încorporate într-un font web, astfel încât sunt ușor de utilizat. Veți primi 336 de pictograme, de la roți dințate și săgeți la sigle ale mărcii. Puteți alege între pictograme sau contururi pline.

Pachetul de icoane gratuite al lui IcoMoon (490 de pictograme)

Reîmprospătează-ți setul de instrumente standard cu pictogramele gratuite IcoMoon. Veți primi 490 de pictograme vectoriale care sunt perfecte pentru aplicații și interfața de utilizare web. Aceste pictograme sunt simple și minimaliste, cu un pic de personalitate. De la pictograme acasă la fețe zâmbitoare, este întregul pachet!

Fontul pentru pictograme Genericons Neue (100 de pictograme)

Simplificați-vă designul cu Genericons, un set de pictograme simple și minimaliste pentru design web și aplicații. Ele funcționează perfect pentru bloguri sau site-uri web simple în care doriți să vă concentrați asupra mesajelor dvs. Veți primi o mulțime de pictograme pentru funcțiile cheie, de la hărți de site la fluxuri RSS.

Font Icon-Works gratuit (136 de pictograme)

Un font de pictograme gratuit și elegant, Icon-Works este o alegere excelentă dacă doriți să scoateți în evidență următorul dvs. design. Veți primi o mulțime de pictograme frumoase, pregătite pentru retină, pe care le puteți personaliza. Sunt scalabili, astfel încât nici măcar nu trebuie să vă faceți griji cu privire la redimensionarea lor.

Font pictogramă Microni (108 pictograme)

Icoanele microni se mândresc cu simplitatea lor. Colecția oferă pictograme pentru cele mai comune cazuri de utilizare, de la diagrame și săgeți până la pictograme de navigare. Sunt ușor de codat, iar fișierul în sine are doar 5 kb, așa că sunt perfecte pentru a fi utilizate în portofoliul dvs. de proiecte.

Font pictogramă Stroke 7 (202 pictograme)

Direct din atelierul Pixeden, Stroke 7 este o colecție de pictograme cu linii subțiri. Setul oferă peste 200 de pictograme care pot fi personalizate cu CSS. Au fost inspirate de pictogramele de la începutul anului 00, așa că nu vor ieși în evidență și nu vor atrage atenția de la mesajul tău principal.

Font pictogramă stroke Vol.1 (80 de pictograme)

Petras Nargela a proiectat un set de 80 de pictograme stroke și este gratuit. Aceste pictograme frumoase sunt proaspete, curate și gata să vă condimenteze desenele. Le puteți descărca ca fișiere PSD, AI sau font web. Dacă ai nevoie de ceva diferit, l-ai găsit!

Font iconic de design material

Creat de Google, setul de pictograme Material Design conține o mulțime de pictograme pe care le puteți folosi în proiectele dvs. Trebuie doar să adăugați o linie de cod pe site-ul dvs. și sunteți gata! Deoarece membrii comunității își adaugă în mod constant propriile pictograme, există o mulțime de varietate.

Pictograme esențiale de contur minim (77 de pictograme)

Dacă interfața dvs. de utilizare este minimalistă, alegeți pictograme care urmează aceleași indicații estetice. Acest set de pictograme contur minim conține peste 70 de pictograme curate și clare. Vectorii sunt scalabili și puteți schimba cu ușurință culorile pictogramelor pentru a se potrivi stilului dvs. Le puteți descărca gratuit în diferite formate.

Pictograme de contur Tonicons (300 de pictograme)

Tonicons este un set fantastic de fonturi de pictograme care nu sunt doar ușor de utilizat, ci și frumoase! Veți primi 300 de pictograme de contur curate și minimaliste pentru designul aplicației și al interfeței de utilizare web. De la toate tipurile de fișiere la pictograme de mesagerie, setul Tonicons acoperă fiecare caz de utilizare.

Pictograme în stil Metro Metrize (300 de pictograme)

Pictogramele Metrize vă oferă 300 de pictograme în stil metrou care vă vor stimula următorul proiect. Le puteți folosi pentru aplicații și site-uri web și totul este foarte ușor, deoarece sunt disponibile și ca font web. De la sigle ale mărcii până la săgeți, Metrize vă acoperă!

Font CSSans Pro CSS

CSSans este un font CSS colorat și dinamic. Compus din mai multe elemente geometrice colorate care adaugă vitalitate design-urilor tale, CSSans este totul despre personalitate! Veți primi caractere majuscule și minuscule unice, cifre și alte simboluri. Este infinit de personalizabil și atrage atenția de la început!

Set de pictograme MFG Labs (120 de pictograme)

Setul de pictograme MFG Labs a fost conceput inițial pentru un proiect intern, dar echipa nu a rezistat să împărtășească acest set de pictograme versatil. Sunt ușor de încorporat și personalizat cu CSS. Veți găsi toate pictogramele de care aveți nevoie pentru a crea atmosfera potrivită pentru următorul dvs. design.

Font pictogramă simboluri ligatură (240 de pictograme)

Ligature Symbols este un font de pictograme cu pictograme distractive și minimaliste. Pictogramele individuale pot fi combinate pentru a crea ligături (de exemplu, combinați pictograme tabel și celule pentru a crea grile), îmbunătățind capacitatea de utilizare a acestei colecții. Veți găsi tot ce aveți nevoie, așa că încercați acest font gratuit pentru pictograme!

Font pentru pictograme de programare și dezvoltare Devicon 2.0 (78 de pictograme)

Devicon-urile sunt pictograme prietenoase, prietenoase pentru dezvoltatori, create pentru a reprezenta instrumentele de programare și dezvoltare. De la Chrome și Confluence la Django și Adobe Illustrator, veți găsi pictograma pe care o căutați. Le puteți copia și lipi cu ușurință în proiectele dvs. utilizând fie versiunile de font, fie versiunile SVG.

Set de fonturi cu mini pictograme (80 de pictograme)

Simple și curate, aceste mini-icoane sunt perfecte pentru o mare varietate de proiecte, în special pentru cele mai formale în ton. Această colecție de pictograme conține 80 de pictograme realizate cu precizie atât în ​​format PSD, cât și în format de font pentru pictograme. De la simboluri de descărcare/încărcare până la pictograme de locație și vreme, acest set oferă fiecare pictogramă de care aveți nevoie!

Set de pictograme Helium și font (100 de pictograme)

Setul de pictograme Helium de la Taras Shypka oferă o mulțime de pictograme. Nu numai că vin în orice format imaginabil, dar le puteți folosi și ca font de pictogramă. Veți obține 112 pictograme cu linii fine umbrite care adaugă luciu. Heliul este cu siguranță alegerea unui estet!

Pictograme de linie Gonzocons 2.0 (100 de pictograme)

Setul Gonzocons conceput de Jan Rajtoral oferă 100 de icoane de linii care reproduc perfect tendințele moderne de design de icoane. De la săgeți simpliste la inimi plutitoare și clepsidre, icoanele Gonzocons au cu siguranță o personalitate. Le puteți obține ca fișiere SVG sau ca font web pentru o integrare mai ușoară cu aplicația/site-ul dvs.

Font pentru marcajul pictogramei hărții (180 de pictograme)

Map Icons este un font pictogramă creat pentru Google Maps și Locații. Puteți personaliza cu ușurință pictogramele cu CSS și puteți alege dintre peste 175 de pictograme. De la pictograme generale pentru saloane de coafură la pictograme pentru activități, acest set vă oferă o mulțime de alegere pentru a face următorul proiect uimitor.

Pictograme conturate Webfont (150 de pictograme)

Simplu și distractiv, acest set oferă 150 de pictograme conturate. Le puteți obține ca fișiere PSD, AI, SVG sau fonturi web. Pictogramele lui Dario Ferrando sunt inspirate de designul contemporan al pictogramelor web, dar au multă personalitate pentru a face următorul dvs. proiect să iasă în evidență și să vă impresioneze publicul.

Pictograme de spațiu infinit (230 de pictograme)

Trage spre lună cu aceste icoane spațiale frumoase. Veți primi peste 230 de simboluri, inclusiv nave spațiale, planete și multe altele! Sunt foarte ușor de utilizat, deoarece sunt un font dingbat, iar dacă începi să tastezi numerele, vei găsi întregul sistem solar.

Font pentru pictograme cu tematică meteo (222 de pictograme)

Dacă prognozele precise sunt un imperativ pentru următorul dvs. proiect, vă va plăcea acest set de pictograme cu tematică meteo. Cu peste 200 de pictograme (inclusiv pictograme de specialitate precum 28 de faze lunare), vei fi gata să creezi ceva uimitor! Le puteți personaliza cu ușurință cu CSS pentru a se potrivi nevoilor dvs.

Font pentru pictograma Meteocons Meteo (40 de pictograme)

Obțineți peste 40 de pictograme meteo minimaliste și prietenoase cu Meteocons. Acest set oferă orice format imaginabil, de la SVG la fonturi desktop și web. Sunt liberi de utilizat personal și comercial și vă puteți chiar crea fontul personalizat cu pictogramele pe care le utilizați frecvent. Actualizările pictogramelor sunt și ele gratuite!

Fontul pentru pictograme sociale Stackicons (75 de pictograme)

Adăugați mai multă culoare design-urilor dvs. cu Stackicons, o colecție de peste 60 de pictograme actualizate cu sigle de brand, de la Dribbble la Reddit. Acestea vor adăuga mai multă personalitate setului dvs. de design standard. Puteți alege pictograme obișnuite, diferite variante rotunjite sau pictograme pătrate și există ceva pentru toată lumea!

Biblioteca de pictograme Socialicious Social Media (74 de pictograme)

Dacă sunteți în căutarea unor pictograme sociale incredibile, consultați Socialicious. Vă oferă pictograme pentru rețelele sociale sub formă de font, astfel încât acestea sunt incredibil de ușor de utilizat și chiar mai ușor de personalizat. Integrați-le cu o singură linie de cod și personalizați-le cu CSS.

Font Mono Social Icons (100 de pictograme)

Captivante și dinamice, Mono Social sunt pictograme de rețele sociale cu o personalitate distractivă. Le poți folosi gratuit și alege una dintre cele trei opțiuni de prezentare (rotunjit, cerc, obișnuit) pentru a se potrivi stilului tău. Folosiți-le cu CSS, HTML și SCSS. Sunt gratuite pentru uz personal și comercial.

Pachet de icoane pentru rețelele sociale Fontfabric (74 de pictograme)

Creat de Jelio Dimitrov, Socialico este un pachet de 74 de pictograme de rețele sociale vibrante și captivante. Sunt ambalate ca font web, astfel încât fiecare caracter de pe tastatură generează o pictogramă frumoasă cu o mulțime de alternative de prezentare. Deoarece aceste pictograme cu fonturi sunt gratuite, adăugați-le în caseta de instrumente!