Demos

demo Iconos con CSS

Características

  • Mínimo uso de HTML, únicamente elementos <i> con clases que iremos creando en CSS.
  • Elevado uso de los pseudoelementos :before y :after de los elementos <i> para crear los iconos.
  • Incluye un conjunto de opciones predefinidas para modificar los iconos:
    • Tamaño (7)
    • Fondo (7)
    • Borde (5)
    • Redondeado (6)
    • Color (13)
  • Facilidad para modificar los iconos, crear nuevos, modificar opciones, o crear nuevas...
  • Sin javascript, en la demo solo se usa para modificar las opciones dinámicamente.

Ver Josetxu icons de Josetxu (@josetxu) en CodePen.

ver tutorial en el blog