Iconos #

Se usan los iconos Material Symbols de Google a través del paquete material-symbols.

En concreto, se utilizan en la modalidad rounded.

Para usar iconos en su aplicación, asegúrese de estar usando una versión reciente del paquete material-symbols y busque aquí el nombre del icono que quiere usar. Este paquete es mantenido por Ravindra Marella.

Esta fuente usa la función tipográfica llamada ligaduras, que permite renderizar un glifo de icono simplemente usando su nombre textual.

El equipo de Google encargado de los iconos va actualizándolos periódicamente, y existe un changelog que puede visitar si lo necesita, también formato JSON, mantenido por Stefan Schmitt.

Ejemplo #

En un botón, utilizamos el @Input de la directiva aocUiButton llamado icon:

  <button aocUiButton label="Add empty row" icon="add_box" (click)="handleNewLine()"></button>

Y para usar un icono directamente:

  <span class="material-symbols-rounded">volume_up</span>