What are Typicons?

Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.

Typicons save space and time by pairing a vector icon to a character, just like Webdings or Windings. Then, using the CSS3 pseudo-selector::before, the appropriate characters are bound to their respective classes (eliminating the need to remember the correct index of each icon).

Advantages of Typicons

  • No more slicing images and modifying background positions
  • No more media queries for different screen resolutions
  • 88 lightweight, consistent graphics based on a 24px grid
  • Pixel-perfect rendering in webkit browsers using -webkit-font-smoothing: anti-aliased
  • CSS and original vectors are included in the kit

Typicons are a work in progress. A more semantic link between icons and their Typicon character is currently being developed. In the meantime, you can download the webfont below.

Download the kit

:: Link

Acerca de Patricia Juberias


Publicado el 7 septiembre, 2012 en Branding y Diseño, DISEÑO Y NUEVAS TECNOLOGIAS, WP GENERAL y etiquetado en , , . Guarda el enlace permanente. Deja un comentario.


Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )


Conectando a %s

A %d blogueros les gusta esto: