Guía de estilo

Iconos

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