Tipografía

  • Para iconos que deban cambiar de color junto con el contenido, use elementos svg con la clase svg-icon.
  • Agregue la clase before o after segun la posición del código para añadir los márgenes correspondientes.
  • Use las clase cross-center cuando requiera forzar la alineación vertical con texto.
  • El icono tomará automáticamente el color del texto al que acompaña.

Ejemplos:

Este es un icono

Este es un icono

Este es un icono

Código SVG

El archivo icons.svg debe ser parte del proyecto. Se llaman a los iconos con su id como en el ejemplo. Son tres íconos posibles: cart check live

<svg class="svg-icon before"><use href="img/icons.svg#live"></svg>