Compón un icono de sitio con una o dos letras

Marcas pequeñas y creadores de sitios pueden preparar un icono nítido antes del lanzamiento sin abrir un editor gráfico completo.

Compón un icono de sitio con una o dos letras. El resultado sirve de inmediato y los datos introducidos permanecen en este dispositivo.

Cómo usar

Introduce una o dos letras que representarán tu sitio en el icono.
Elige un color de fondo y, opcionalmente, define un color de texto.
Ejecuta el generador para crear un icono SVG.
Copia o descarga el SVG y colócalo en los archivos de tu sitio.

Ejemplo

Un caso sencillo es usar las iniciales de una marca con un fondo brillante y texto claro. Después de la generación, abre el SVG para comprobar que las letras estén centradas y que el resultado siga siendo legible en una pestaña pequeña del navegador.

Entrada

YT
#0b57b7
#ffffff

Límites y formatos

La herramienta no sustituye a una aplicación de gráficos para logotipos complejos.
Se limita a una o dos letras y colores simples, sin formas avanzadas ni degradados.
Es posible que los favicons SVG no sean compatibles con todos los navegadores o contextos de visualización.
Prueba la representación a tamaño pequeño antes de publicarlo en un sitio de producción.

Dónde se procesa

La composición del icono se realiza en tu navegador. Las letras y los colores que introduces no se envían a un servicio externo. Puedes preparar un favicon sin transmitir tus decisiones de diseño.

Preguntas frecuentes

¿Puedo usar más de dos letras?

La herramienta está pensada para una o dos letras con el fin de mantener legible el icono. Si introduces más caracteres, el resultado puede verse demasiado recargado. Para un logotipo más detallado, usa un editor de gráficos dedicado.

¿El archivo SVG está listo para usarse?

Sí, el resultado es un SVG que puedes copiar o descargar. Añádelo a tu proyecto y referéncialo en el código de tu sitio. Después, comprueba cómo aparece en un navegador y en una pestaña reducida.

¿Puedo elegir un color exacto?

Puedes definir un color de fondo y, si es necesario, un color de texto. Usa un valor hexadecimal reconocido. Después de la generación, comprueba el contraste para que las letras sigan siendo visibles sobre el fondo.