Iconos personalizados

Aunque ThingLink ofrece cientos de iconos, puedes subir tus propios archivos para personalizar aún más la experiencia. También puedes personalizar el color de los iconos que ofrece ThingLink.

Este artículo trata los siguientes temas:

• Especificaciones de archivo para iconos personalizados
• Usar iconos personalizados en el editor
• Encontrar iconos personalizados compatibles en internet

Video tutorial: cómo personalizar y subir iconos

Especificaciones de archivo para iconos personalizados

El editor solo funciona con archivos SVG. Los archivos SVG son escalables y se ven muy bien en dispositivos móviles, y los iconos SVG pequeños evitan que los iconos se superpongan. Ten en cuenta que puedes usar SVG para crear iconos animados.

Tamaño máximo de carga: 64 KB.

Si piensas convertir iconos PNG o JPG a SVG, te recomendamos usar imágenes de 32x32 o 64x64.

Usar iconos personalizados en tus etiquetas

Cuando tengas un icono personalizado, abre tu imagen o video de ThingLink y sigue estos pasos

1. Haz clic en una etiqueta o crea una nueva
2. Haz clic en 'Cambiar icono'
3. Desplázate hacia abajo y haz clic en 'Subir'.
4. Selecciona cualquier archivo SVG de tu computadora y haz clic en 'Subir'.
5. Cuando el icono se haya subido, puedes seleccionarlo desde la interfaz 'Cambiar icono', en la sección 'Personalizado'.

Encontrar iconos personalizados compatibles en internet

Aunque dibujar tus propios iconos permite un mayor grado de personalización, también es posible encontrar en internet iconos prediseñados compatibles. Consulta este artículo para saber cómo usar Iconfinder con ThingLink.

Ten en cuenta que Adobe Photoshop no puede generar archivos SVG compatibles. En su lugar, puedes usar Adobe Illustrator.

Solución de problemas

Los iconos no se muestran correctamente en Chrome, Edge u Opera

Si tu icono incluye una imagen, asegúrate de que la imagen esté incrustada en el archivo SVG y no vinculada. De lo contrario, la imagen no se mostrará en navegadores basados en Chromium.

Para Adobe Illustrator, consulta 'Image location' en esta guía.

Los iconos con degradado aparecen transparentes en Firefox

Por el momento, Firefox no puede mostrar degradados dentro de archivos SVG.