Ionic v1
  • Contenidos
  • Introducción
  • Instalación
  • Conceptos básicos
    • Nuestro primer proyecto
    • Estructura de carpetas
    • Código básico
  • Componentes
    • Área de contenidos
    • Cabeceras
    • Pies de página
    • Botones y enlaces
    • Listados
    • Tarjetas
    • Formularios
    • Iconos
  • Arquitectura de una aplicación
    • Configuración y rutas
    • Controladores
    • Vistas
    • Servicios
    • Directivas
    • Ejemplo completo
  • Plugins
  • Publicación
  • Más información
  • Ejercicios 1
  • Ejercicios 2
Powered by GitBook
On this page

Was this helpful?

  1. Componentes

Iconos

PreviousFormulariosNextArquitectura de una aplicación

Last updated 5 years ago

Was this helpful?

Como ya habéis visto en Ionic se pueden incluir iconos dentro de multitud de componentes, como botones, listados, tarjetas, cabeceras, etc.

Para incluir uno de estos iconos se realiza simplemente añadiendo unas clases CSS que estan definidas en la librería de iconos de Ionic. Estas clases se pueden añadir sobre el mismo componente o de forma separada, para crear el icono por separado, por ejemplo:

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

Ionic incluye la librería Ionicons con un montón de iconos que podemos usar. Para ver la lista completa podéis acceder a la dirección:

En esta página, al pulsar sobre cada icono os aparecerá la clase CSS que tenéis que utilizar.

http://ionicons.com/