Un icono es una pequeña imagen que representa una app de una manera simbólica o realística.

Ejemplos de iconos de apps

Tipos de iconos

Icono simbólico

Un icono puede ser una imagen usada como una representación convencional de un objeto o una función. La imagen debe encajar en un cuadrado de 12 x 12px en el centro de un icono de 24x24px.

Icono realístico

Un icono puede también ser esqueuomorfo. En este caso, no tendrá que encajar con el cuadrado de 12x12px y puede usar toda la superficie del icono.

Estilo

Color

Uno o dos colores distintivos pueden ser usados para diseñar el icono de una app. Si hay apps relacionadas, se puede utilizar un tono similar.

Tamaño

Los iconos se deben proporcionar en un tamaño de 14x14px PNG y en un archivo vectorial escalable para todos los tamaños mayores de 14×14. También deberían ser reconocibles a 14px @1x.

Formato

Los iconos se muestran como un pequeño cuadrado con un radio del 25% en las esquinas y en formato escalable SVG.

Línea y borde

Los iconos se deben diseñar utilizando anchos de línea de 2px. No deben usarse bordes en el icono.

Contorno

Los iconos tendrán un contorno negro visible al 20%.