# Iconografía e ilustración

Las directrices para iconos e ilustraciones, dibujadas a mano y vinculadas al proceso: la mano que las dibujó permanece visible. Los catálogos completos están en Recursos.

## Iconos

Todo dibujado a mano, igual que las esquinas: la línea pasa por la esquina, el círculo no se cierra, el punto no es redondo y todo el dibujo se inclina un poco.

tarea

calendario

búsqueda

configuración

crear

hecho

cerrar

advertencia

información

abrir

siguiente

menú

[**All icons**The catalog in Resources: search by name and copy each icon’s code.](/es/resources/icones/)

### Cómo se dibuja un icono de Feitio

24 grid

cada icono en un marco de 24 por 24

2.3 stroke

extremos y uniones redondeados

Inclinado 3°

como alguien dibujando rápido

Color del texto

nunca un color fijo

Solo trazos

sin círculo o rectángulo perfecto

### Ningún icono es una sola línea

Cada unión es dos trazos cruzados: las dos patas del check, los dos arcos del círculo, los dos lados de la flecha. Una línea continua parece hecha por máquina.

Do

Dos patas cruzadas en el vértice.

Don’t

Una línea continua con una esquina perfecta: la X de cualquier conjunto prehecho.

### El icono acompaña a la palabra

Ayuda a la reconocimiento; el texto explica. Por sí solo, solo donde el significado es universal, y con un nombre para lectores de pantalla.

### Sin iconos de otro conjunto

Un icono geométrico listo está al lado de los dibujados, mostrando la costura. Un nuevo icono se dibuja, siguiendo las reglas anteriores.

### Marcas de terceros vienen como están

El logotipo de GitHub, una tienda de aplicaciones, un proveedor de pagos: nunca redibujado a mano ni intercambiado por un icono de Feitio, porque la marca pertenece a su dueño y sus reglas piden el dibujo original. Solo el color puede seguir el tinta, cuando la marca acepta un solo color.

## Ilustración

Pequeños dibujos para pantallas vacías y grandes errores, de la misma mano que los iconos: tinta en el color del texto y un toque de naranja. Van dentro de la página, no como una imagen, así que siguen el tema.

**No schedules yet**

Crea el primero y aparecerá aquí.

[**All illustrations**The catalog in Resources: each drawing’s use and the SVG to copy.](/es/resources/ilustracoes/)

-   **Cuando:** una pantalla vacía, un gran error, un saludo. Momentos sin contenido, donde el dibujo mantiene compañía.
-   **Cuando no:** como decoración en tarjetas, encabezados o cada elemento. Los dibujos son tan raros como el naranja.
-   En fachadas externas, la ilustración pertenece al cliente: los dibujos de Feitio no aparecen.
