Iconos

En cuanto a los iconos del sistema en la medida de lo posible se utilizaran los que proporciona material design, pero en caso de ser necesario se puede plantear el diseñar iconos para casos específicos si la propia librería de Material Design no es suficiente.

Solo se usarán iconos con formato fonts. Es decir no se utilizara iconos con formato de imagen, como .svg, .png, etc.

Incluso si se utiliza iconos propios estos deben ser diseñados y guardados en .svg para luego ser convertidos a fuentes.

Iconos personalizados: Funcionan similar a los iconos de material. Son diseñados en .svg y convertidos a fonts usando la herramienta gratuita icomoon.io.

Ejemplo de uso: <span class="icon-compound_product"></span>

Nombre	Clase (css)	Icono
Producto Compuesto	icon-compound_product
Preview del documento	icon-document_preview
Guardar y confirmar	icon-confirm_save
Confirmar documento	icon-document_confirm
Exportar a CSV	icon-export_csv
Exportar a PDF	icon-export_pdf
Exportar a XLS	icon-export_xls
Generar documento	icon-generate_document
Porcentaje en lote	icon-percent_batch
Producto compuesto (variante 2)	icon-product_compound
Producto con variante	icon-product_variant
Guardar en borrador	icon-save_draft