Iconos

Una de las cosas más importantes para poder hacer interfaces intuitivas es la utilización de iconos. Ahorran más espacio en pantalla que el texto, y son internacionales, no necesitamos traducirlos.

Ionic tiene su propio paquete de iconos vectoriales, muy similar al famoso framwework Font Awesome.

Para poder utilizar los iconos de ionic deberemos descargarlos desde ionicons.

Deberemos añadir las fonts y css a nuestro proyecto, y luego importar el css de los iconos en el head de nuestro index.html para poder utilizarlos.

Para mostrar un icono en nuestra vista es tan sencillo como poner lo siguiente en nuestro html:

<i class="icon ion-star"></i>

En este caso está cogiendo el icono llamado ion-star.