> For the complete documentation index, see [llms.txt](https://docs.mapeo.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mapeo.app/espanol/guia-de-referencia-completa/customization-options/custom-configurations/creating-custom-configurations/planeando-la-configuracion-y-la-estructura-de-datos/iconos.md).

# Iconos

## ¿Qué es un icono?

Cada una de las categorías que incluya en su configuración debe tener asignado un icono o un pequeño gráfico para mostrar a los usuarios al seleccionar una categoría. Puede asignar el mismo ícono a varias categorías, o cada categoría puede tener su propio ícono.

### ¿Cómo se ven los íconos en Mapeo?

Listado de categorías con iconos en Mapeo Mobile (usando la configuración predeterminada):\
\
 ![](/files/3sYvYVhSdO0atcBJtDMe)  

Puede encontrar ejemplos de los archivos de iconos de nuestra configuración predeterminada [aquí](https://github.com/digidem/mapeo-default-config/tree/master/icons).

## Consideraciones al diseñar iconos

Si bien la creación de los archivos de íconos `.svg` requiere cierto conocimiento de las herramientas de edición de imágenes, esbozar y generar ideas para los íconos puede ser una excelente manera de involucrar a los miembros de la comunidad y a los participantes del proyecto que pueden no tener habilidades técnicas. Con papel y lápices, los grupos pueden generar ideas para íconos que representen cada categoría en su proyecto. 

Si no está preparado para diseñar sus propias imágenes de íconos, hay bibliotecas de imágenes en línea con licencias Creative Commons que puede utilizar.

### Al diseñar iconos, tenga en cuenta lo siguiente: 

* Los iconos se muestran como imágenes muy pequeñas en Mapeo Mobile (24x24px) y Mapeo Desktop (100x100px). Los diseños muy simples con detalles mínimos se mostrarán más claramente a los usuarios. 
  * Cuando piense en el tamaño y la escala, imagine dibujar sus íconos con un marcador en una moneda de diez centavos. 
* Las líneas y formas en negrita y de colores sólidos serán más claramente visibles.

## Generación de archivos de iconos

Una vez que se haya decidido por el diseño o el concepto de sus íconos, deberá generar archivos `.svg` para cada uno como parte del proceso [Codificar la configuración](/espanol/guia-de-referencia-completa/customization-options/custom-configurations/creating-custom-configurations/codificar-la-configuracion.md), que se detalla en la siguiente sección. 

{% hint style="info" %}
Si no tiene habilidades para preparar los archivos de íconos digitales, los bocetos en papel se pueden pasar a alguien con habilidades técnicas para completar los pasos de generación de archivos de íconos, descritos en [Codificar la configuración](/espanol/guia-de-referencia-completa/customization-options/custom-configurations/creating-custom-configurations/codificar-la-configuracion.md).
{% endhint %}