Unicode de caractere care pot fi folosite în loc de icoane

Uneori, trebuie să adăugați o pictogramă pentru design-ul, dar nu doriți să inserați imagini suplimentare sau pictograme de font, cum ar fi Font Awesome? Apoi, avem vești bune pentru tine - există o bibliotecă extinsă de icoane și simboluri disponibile deja în browser-ul dumneavoastră. Se numește Unicode, și un standard care atribuie un identificator unic pentru numărul în creștere (în prezent mai mult de 110 000), simbolurile și pictogramele.

Acest lucru nu înseamnă că aveți posibilitatea de a alege de sute de mii de icoane, totuși. Depinde de browser-ul, ceea ce le face, și el folosește fonturile care sunt instalate în sistem pentru a face acest lucru. În acest articol, am colectat un număr de seturi de caractere care sunt disponibile în Windows, Linux, OS X, Android și iOS. Le puteți utiliza în design-ul de azi!

Cum de a utiliza aceste pictograme

Pictogramele prezentate în tabelele de mai jos sunt simboluri comune, pe care le puteți copia și lipi ca și în cazul în care acestea au fost literele alfabetului. Dar, în cazul în care codificarea utilizată pentru a salva fișierul HTML / CSS nu este UTF-8 nu va fi afișată. De aceea, am introdus HTML-cod de evacuare, care va funcționa întotdeauna. Iată ce trebuie să faceți pentru a utiliza aceste pictograme:

Găsiți pictograma care vă place. Am furnizat previzualizări mici și mari.
Copiați codul.
Introduceți-l în HTML, text simplu. În CSS, le puteți folosi ca valoare de proprietate de conținut. În JS, PHP si alte limbaje de programare, le puteți utiliza ca text simplu în rândurile.
Puteți personaliza pictogramele, setați dimensiunea fontului, culoarea, textul și umbrele, precum și text simplu.