Buscar ícono
Buscar ícono (selector / icon picker) es el panel para elegir o subir un ícono y usarlo en componentes, menús de visualización y edición directa en el lienzo.
Se abre como panel lateral, con título Selección de Ícono, igual que Buscar imagen abre el gestor de fotos.
Cómo se abre
Sección titulada «Cómo se abre»| Contexto | Cómo llegar |
|---|---|
| Formulario de un componente | Botón Cambiar ícono / Buscar ícono junto al campo del ícono |
| Íconos múltiples | En cada sección, tipo de elemento Ícono → selector |
| Modos de visualización (Barra web, paginación, galerías, etc.) | En Configurar proyecto, ítems o entradas de menú con campo de ícono |
| Edición en el lienzo | En modo editable, clic en un ícono marcado para cambiarlo al vuelo |
Tras elegir, el panel se cierra y el ícono queda aplicado a ese campo.
Pestañas
Sección titulada «Pestañas»| Pestaña | Uso |
|---|---|
| Seleccionar ícono | Catálogo de la plataforma + tus íconos personalizados, con buscador |
| Subir ícono | Cargar un archivo propio (SVG, PNG o JPG) |
Seleccionar ícono
Sección titulada «Seleccionar ícono»- Abre Seleccionar ícono.
- Escribe en Buscar íconos (placeholder: Escribe para buscar íconos…). El filtro es por nombre y actualiza la rejilla al instante.
- Haz clic en el ícono. Los personalizados muestran la etiqueta Personalizado.
Si no hay coincidencias: No se encontraron íconos.
El catálogo incluye pictogramas genéricos (usuario, libro, casa, flechas, redes, gráficos, etc.). No hace falta conocer el nombre técnico: busca una palabra corta (star, book, home).
Subir ícono
Sección titulada «Subir ícono»- Abre Subir ícono.
- Arrastra el archivo al área o pulsa para elegir.
- Revisa la previsualización y el nombre.
- Pulsa Subir ícono (mientras corre: Subiendo…) o Cancelar.
Tras una subida correcta verás la confirmación, el archivo pasa a la pestaña de selección (como personalizado) y queda elegido para el campo que estabas editando.
| Restricción | Valor |
|---|---|
| Formatos | SVG, PNG o JPG |
| Tamaño máximo | 1 MB |
| SVG | Debe ser un SVG válido, con viewBox o dimensiones definidas |
| Carpeta en la nube | Se guarda en la carpeta icons de Mis recursos |
Mensajes habituales si algo falla: tipo no permitido, archivo demasiado grande, SVG inválido o sin viewBox, error al procesar o al subir.
Los íconos subidos ocupan el almacenamiento de 3 GB (Deploy). Si llegas al tope, no podrás subir más hasta liberar espacio o solicitar ampliación.
| Capacidad | Think | Build | Deploy |
|---|---|---|---|
| Catálogo de íconos de la plataforma | Sí | Sí | Sí |
| Usar íconos personalizados ya subidos | No (pide Build+) | Sí | Sí |
| Subir SVG / PNG / JPG | No | Sí | Sí |
Guardar en la biblioteca (carpeta icons) |
— | Sí, si hay cuota | Sí (3 GB) |
En Think, la pestaña de subida aparece bloqueada (premium). Un ícono personalizado de otra cuenta o sesión anterior tampoco se puede seleccionar hasta mejorar el plan.
Dónde se usa
Sección titulada «Dónde se usa»Componente Íconos múltiples
Sección titulada «Componente Íconos múltiples»Cada sección puede ser Ícono o Imagen. Si eliges ícono, el selector es el de esta guía. Disposiciones: normal, tarjetas volteadas o tira unida (ver catálogo).
Modos de visualización
Sección titulada «Modos de visualización»En Barra web, paginación y otros modos con menú o páginas, cada ítem puede llevar un ícono (además de título e imagen). El botón Cambiar ícono abre el mismo selector. Cómo se edita el mapa: Editar la visualización. Modos: Configurar el proyecto.
Edición directa
Sección titulada «Edición directa»En el editor, algunos íconos del bloque se pueden pulsar para abrir el selector sin pasar por todo el formulario.
Personalizados: organizar y borrar
Sección titulada «Personalizados: organizar y borrar»- Aparecen en la rejilla con la insignia Personalizado.
- El botón × (Eliminar ícono personalizado) lo quita de tu lista de selector.
- El archivo también vive en Mis recursos (carpeta de íconos). Borrarlo de la biblioteca puede romper bloques que aún lo usen.