> 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):\
\
&#x20;![](/files/3sYvYVhSdO0atcBJtDMe) &#x20;

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.&#x20;

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:&#x20;

* 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.&#x20;
  * Cuando piense en el tamaño y la escala, imagine dibujar sus íconos con un marcador en una moneda de diez centavos.&#x20;
* 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.&#x20;

{% 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 %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET 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?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
