Herramientas
Herramientas de diseño gratis
Generadores SVG online, sin registro y sin descargas. Configura, copia el código y pégalo en tu web: el resultado es tuyo, sin archivos que alojar ni marcas de agua.
Galería de favicons SVG
60 favicons SVG listos para copiar como etiqueta <link>, más generadores de emoji y monograma.
Galería de emojis
Todos los emojis de Unicode con nombre y búsqueda en español: copia con un clic, elige tono de piel y conviértelos en favicon.
FaviconFavicon por dominio
Escribe un dominio y ve su favicon en varios tamaños, compáralo entre fuentes y copia el código listo para tu web.
AnimaciónTexto ondulado animado
Configura una marquesina de texto sobre una onda SVG y copia el componente HTML listo para tu web.
ColorGenerador de paletas
Armonías cromáticas y escalas del 50 al 950 con contraste WCAG, listas para exportar a CSS, Tailwind, SVG o PNG.
ColorExtraer paleta de una imagen
Sube una foto y saca sus colores dominantes con cinco estilos de extracción, sin que salga de tu navegador.
ColorColores en vivo
Prueba tu paleta sobre una maqueta web real: fondo, texto, botones y tarjetas cambian al instante mientras eliges.
SVGOptimizador de SVG
Limpia el código que sobra y baja el peso de tus SVG hasta un 70 %, sin que el archivo salga de tu equipo.
Generador de patrones SVG
Fondos con patrones geométricos configurables, exportados como SVG o data URI para tu CSS. En desarrollo.
La razón detrás
¿Por qué SVG?
El SVG es texto: un formato vectorial que pesa poco, escala sin perder nitidez y se puede editar con cualquier editor de código. Por eso todas nuestras herramientas generan SVG puro. No dependes de imágenes alojadas en otro servidor ni de librerías externas: copias el código y ya forma parte de tu web.
Además, el SVG entiende de contexto. Un favicon SVG puede adaptarse al modo
oscuro del navegador, algo imposible con un .ico tradicional.
Si quieres profundizar, en el blog tienes la guía
cómo crear un favicon SVG con data
URIs, emoji y compatibilidad entre navegadores, paso a paso.
Estas herramientas nacen de proyectos reales del canal. Si te interesa el proceso completo detrás de cada recurso, pasa por el blog o revisa los recursos descargables: packs de sonido y plantillas de After Effects que complementan lo que generas aquí.
Lienzo en YouTube
Cada semana, recursos nuevos y procesos creativos reales
Diseño web, social media, motion graphics y packs descargables. Suscríbete para enterarte cuando salga la próxima herramienta.