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 |