La librería de iconos utilizados en este sistema es Font Awesome.
Font Awesome ofrece iconos vectoriales escalables que se pueden personalizar al instante: tamaño, color, sombra paralela y cualquier cosa que se pueda hacer con CSS.
Iconos horizontales de uso recomendado
Normas de extensión de la iconografía
Si se quiere representar mediante un icono un concepto y éste no se encuentre representado en la biblioteca de Font Awesome, el diseño debe respetar las pautas establecidas en Icon Design Guidelines
De manera general para crear íconos de píxeles perfectos y visualmente consistentes, éstos deben estar diseñados usando una cuadrícula de íconos basada en 16 píxeles
Iconos horizontales realizados desde cero
Aplicaciones de la iconografía
Para conocer más acerca de cómo usar los iconos dentro de un botón o de una card, puedes seguir leyendo en el apartado de botones y cards y si quieres saber más acerca de cómo usar el color para representar diferentes estados, tienes más información en el apartado de color.