Generador de favicon
Genera el marcado HTML y el código SVG para el favicon de tu sitio web utilizando un emoji y colores personalizados.
Ejecutar herramienta
Este generador crea el código HTML necesario para vincular el favicon de tu sitio web y produce un icono vectorial en formato SVG. Puedes personalizar el gráfico eligiendo un emoji central, un color de fondo en formato hexadecimal y el color del texto. Al generar el marcado, obtienes tanto el bloque de etiquetas HTML para insertar en la cabecera de tu página como el código fuente SVG estructurado. Si proporcionas una dirección URL para un icono externo, el marcado HTML resultante añade enlaces directos hacia ese recurso remoto con los caracteres escapados debidamente. La herramienta integra el gráfico SVG directamente dentro de un enlace data-URI para facilitar su uso inmediato sin requerir archivos adicionales en el servidor. Modifica los parámetros visuales para previsualizar diferentes combinaciones cromáticas y adapta la cabecera técnica de tus proyectos web de forma rápida y sencilla.
Instrucciones
- Introduce la dirección URL de tu icono si dispones de un archivo ya alojado.
- Elige el emoji que figurará como elemento central dentro del icono SVG.
- Indica los códigos de color para el fondo y para el texto.
- Ejecuta la herramienta para procesar los datos introducidos.
- Copia el código HTML resultante y el SVG generado para incorporarlos en el encabezado de tu página web.
Ejemplos
- Configuración con emoji de cohete, fondo azul oscuro (#1e40af) y texto blanco (#ffffff) para generar etiquetas HTML con SVG incrustado.
- Inserción de una URL externa (https://ejemplo.es/icono.png) combinada con un emoji de taza de café y fondo negro (#000000) para obtener enlaces dobles en la cabecera.
Preguntas frecuentes
¿Dónde debo pegar el código HTML generado?
Debes colocar el bloque de etiquetas HTML dentro de la sección de encabezado, entre las etiquetas de apertura y cierre del elemento de cabecera de tu documento web.
¿Influye el campo del título del sitio en las etiquetas HTML obtenidas?
El campo del título del sitio se acepta en el formulario de entrada, pero el marcado final generado no incluye dicho texto en las etiquetas de enlace ni en el SVG.
¿Es obligatorio indicar una URL de icono?
No es obligatorio. Si dejas el campo de la URL vacío, el código HTML generado incluirá únicamente el enlace con el SVG en formato data-URI.
¿Qué formato de color se recomienda utilizar?
Es conveniente usar valores hexadecimales estándar de seis caracteres con almohadilla inicial, como #2563eb o #ffffff, para asegurar una visualización consistente.