Logo Maker vectorial gratis — sin marca de agua, sin login

Qué hace esta herramienta

Un generador de logos con 50 plantillas SVG pre-diseñadas y un editor visual para personalizarlas. Escribes el nombre del negocio (y opcionalmente un tagline), eliges un estilo (minimalista, corporativo, moderno, artesanal o tech), escoges una plantilla de las 10 disponibles para ese estilo, editas el color principal y el icono, y exportas el resultado a PNG (1200×630), SVG (vectorial puro, escalable a cualquier tamaño) o PDF (A4 vertical). Todo el procesado ocurre en tu navegador: el SVG se renderiza y se exporta sin enviar nada a ningún servidor. La promesa es simple: un logo profesional, sin marca de agua, sin login, sin IA generativa, sin coste.

Casos de uso reales

• Emprendedor que arranca un negocio. Tienes una idea, un nombre, y necesitas un logo "para ya" mientras defines el branding con un diseñador. Generas una plantilla, cambias el color, exportas PNG y SVG, y lo subes a tu web provisional, tus redes y tu tarjeta de visita mientras tanto.
• Freelance que necesita 5 logos de prueba para un cliente. El cliente no sabe lo que quiere. Le enseñas 5 variaciones generadas en 10 minutos con la misma herramienta, cada una con un color o estilo diferente. El cliente elige dirección y luego contratas a un diseñador para el definitivo.
• Proyecto personal o hobby que necesita un logo simple. Un canal de YouTube, un podcast, un blog técnico, un servidor de Discord. No quieres gastar 50 € en un logo profesional pero tampoco quieres un placeholder feo. Aquí tienes 50 plantillas decentes, sin marca, y exportas el que más te guste.
• Asociación, club deportivo, peña, ONG pequeña. Sin presupuesto para diseño profesional, necesitas un logo que "no dé vergüenza" para un cartel, un banner de evento o una camiseta. Aquí generas uno básico, lo descargas en SVG y lo imprimes donde quieras.
• Marca blanca de un producto o servicio. Necesitas un logo "neutro" para documentar una demo, una presentación interna o un mockup. Aquí lo generas en 2 minutos, sin que el cliente final vea logos públicos de Canva o Looka con marcas de agua de por medio.

Cómo se usa

1. Elige un estilo en el primer paso. Hay 5: Minimalista, Corporativo, Moderno, Artesanal y Tech. Cada uno define la tipografía y el tipo de icono.
2. En el segundo paso, elige una plantilla de las 10 disponibles para ese estilo. Verás una cuadrícula con todas previsualizadas con un nombre de ejemplo.
3. En el tercer paso, edita el nombre del negocio (obligatorio, máx. 40 caracteres), el tagline (opcional, máx. 60), el color principal (6 presets), el icono (10 disponibles para el estilo elegido) y el fondo del export (blanco, transparente o negro).
4. Pulsa el botón de exportar que prefieras: PNG (1200×630), SVG (vectorial) o PDF (imprimir/guardar).
5. El archivo se descarga al instante sin pasar por ningún servidor. Si exportas PDF, se abre el diálogo de impresión del navegador — elige "Guardar como PDF" como destino.

Por qué esta herramienta

Las alternativas gratuitas existentes — Looka, Brandmark, Hatchful (Shopify), Canva, LogoMakr, DesignEvo — tienen un denominador común: te dejan diseñar gratis pero ponen marca de agua en el export hasta que pagas. Looka cobra desde 20 USD por logo "en baja resolución", Brandmark desde 25 USD, Hatchful te obliga a descargar en PNG con su marca. Nuestra herramienta hace lo contrario: 50 plantillas SVG editables + editor + export en PNG, SVG y PDF sin marca de agua, sin login, sin coste, sin tracking. El procesado es 100% client-side (el SVG se serializa directamente, sin pasar por un servidor). La monetización es a través de donaciones voluntarias en Ko-Fi, no con tus datos.

Privacidad: Tus datos se quedan en tu navegador. Y una vez cargada, esta herramienta funciona sin internet.

Cómo funciona esta herramienta: el flujo client-side de un logo SVG

Esta herramienta no es Looka ni pretende competir con un diseñador profesional. Es un generador de logos básico construido sobre tres primitivas del navegador que cubren el 90% del trabajo de "tengo un negocio y necesito un logo decente en 5 minutos": 50 plantillas SVG pre-diseñadas, un editor visual para personalizarlas y un export en tres formatos sin marca de agua. La diferencia estructural con Looka, Brandmark, Hatchful o Canva es que absolutamente ningún byte de tu contenido sale del navegador. Vamos a ver el flujo técnico real.

Cuando eliges un estilo y una plantilla, la herramienta carga una función constructora de SVG desde templates.js. Esa función recibe un objeto state con tu nombre, tagline, color e icono elegido, y devuelve un string SVG completo con viewBox="0 0 400 200" y elementos <text> con id="brand-name" y id="brand-tagline" para que el texto sea editable. Los iconos son geometrías básicas SVG (círculos, polígonos, paths) generadas con funciones puras que aceptan coordenadas (x, y, scale) y devuelven fragmentos SVG. Esto permite reusar el mismo icono en distintos tamaños y posiciones según la plantilla, sin assets externos.

El editor funciona actualizando el STATE global en app.js: cada cambio en un input dispara renderPreview(), que vuelve a llamar al constructor de la plantilla con el estado actualizado y reescribe el innerHTML del #preview-svg. Es instantáneo, sin redibujado costoso. El selector de color es una matriz de 6 presets hex que cambia el atributo fill del texto principal y del icono. El selector de icono re-renderiza solo el icono manteniendo el resto del layout. El selector de fondo (blanco / transparente / negro) cambia el background del contenedor del preview para que veas el resultado final.

Cómo exportar a PNG sin marca de agua

El export a PNG es la pieza más interesante técnicamente. Lo que hacemos es:

1. Construir el SVG actualizado con los textos, color e icono actuales.
2. Crear un Blob de tipo image/svg+xml;charset=utf-8 con el SVG serializado.
3. Generar un URL.createObjectURL(blob) y pasárselo a un new Image() como src.
4. Esperar al evento onload de la imagen (el navegador decodifica el SVG).
5. Crear un <canvas> de 1200×630 px (tamaño OG estándar) y pintarlo con el color de fondo elegido.
6. Hacer ctx.drawImage(svgImg, x, y, w, h) escalando el SVG proporcionalmente con padding.
7. Llamar canvas.toBlob(callback, 'image/png') para obtener el PNG final.
8. Crear un <a download> sintético, hacer click(), y revocar el object URL.

Resultado: un PNG de 1200×630 px (formato Open Graph ideal para SEO, redes sociales, web) sin marca de agua, sin pasar por ningún servidor, en menos de un segundo. Verificable: abre DevTools → Network antes de exportar y verás que la única petición que se hace es a blob:https://... (el blob local), nunca a un servidor externo con tus datos.

Cómo exportar a SVG (vectorial puro)

El SVG es el formato nativo de la herramienta. Lo que hacemos es:

1. Construir el SVG actualizado con los textos, color e icono.
2. Parsearlo con DOMParser.parseFromString(svg, 'image/svg+xml') para obtener un Document válido.
3. Si el usuario eligió fondo blanco o negro, insertamos un <rect> de fondo como primer hijo del SVG (así el archivo exportado incluye el fondo).
4. Usar XMLSerializer.serializeToString() para convertir el árbol DOM de vuelta a string SVG.
5. Anteponer la declaración XML <?xml version="1.0" encoding="UTF-8"?>.
6. Crear un Blob, asignar un nombre como mi-marca_logo.svg, y descargarlo.

El SVG exportado es editable en cualquier editor vectorial (Inkscape, Illustrator, Figma, Affinity Designer). Puedes cambiar el texto, los colores, las posiciones, redimensionar a 4K sin perder calidad. Es el formato ideal para imprenta profesional, papelería corporativa, cartelería y cualquier uso donde necesites escalabilidad infinita.

Cómo exportar a PDF (A4 con ventana de impresión)

El PDF se genera usando la API nativa window.print() del navegador, sin librerías externas. Lo que hacemos:

1. Construir un documento HTML independiente con el SVG insertado dentro de un layout A4 (centrado, con padding de 24mm vertical y 20mm horizontal).
2. Incluir reglas @page { size: A4 portrait; margin: 24mm 20mm; } para que la página se imprima en A4 vertical.
3. Cargar ese HTML en un <iframe> oculto fuera de la pantalla.
4. Llamar iframe.contentWindow.print() tras un breve delay para asegurar el render.
5. El usuario elige "Guardar como PDF" en el diálogo nativo del navegador.

Resultado: un PDF A4 con el logo centrado y, opcionalmente, el nombre y tagline como metadatos abajo. Sin marca de agua, sin librerías externas, sin servidor intermedio. Compatible con Chrome, Edge, Firefox, Safari y la mayoría de navegadores modernos. Si tu navegador tiene "Guardar como PDF" como destino de impresión (lo cual es estándar en Chrome, Edge y Safari), el export funciona al 100%.

Casos de uso prácticos, a fondo

Ejemplo 1 — Emprendedora montando una tienda online. María acaba de registrar "Lunera Atelier", una marca de joyería artesanal. Necesita un logo "para ya" mientras ahorra para contratar a una diseñadora que le haga branding completo (300-600 €). Abre la herramienta, elige el estilo Artesanal (handwritten, orgánico), plantilla 2 (taza de café + nombre), escribe "Lunera Atelier" en el nombre y "joyería hecha a mano" en el tagline, elige color verde (#16A34A), icono de taza, fondo blanco. Pulsa Descargar PNG. En 30 segundos tiene un logo presentable para su web provisional de WooCommerce, sus redes y sus tarjetas. Cuando la diseñadora entregue el definitivo, lo sustituye sin problemas.

Ejemplo 2 — Desarrollador web freelance. Pablo tiene 3 clientes potenciales que le han pedido presupuesto. Quiere enviarles un dossier rápido con un logo "neutro" para que vean su capacidad de ejecutar sin mostrar logos reales de otros clientes. Genera 3 logos diferentes con la herramienta: uno Tech para la startup de SaaS, uno Moderno para la app móvil, uno Corporativo para la consultoría. Los exporta en PNG para el PDF del dossier y en SVG por si el cliente quiere reutilizarlos. Sin marca de agua, sin login, sin que el cliente vea logos públicos con claims de Looka.

Ejemplo 3 — Canal de YouTube de cocina. Carlos lleva 2 años con su canal y ha decidido empezar a monetizar. Necesita un logo consistente para sus thumbnails, su banner y sus pegatinas de merchandise. Antes usaba un placeholder feo en Canva. Ahora elige Artesanal con un icono de taza (porque cocina mucho café), escribe "La Cocina de Carlos" + tagline, elige color rojo cálido (#DC2626), fondo transparente. Exporta SVG para imprenta, PNG transparente para sus thumbnails, y PDF A4 para su dossier de patrocinios.

Ejemplo 4 — Asociación vecinal. La Asociación de Vecinos de San Pedro necesita un logo para su revista trimestral y su perfil de Instagram. Sin presupuesto para un diseñador. Generan un logo estilo Corporativo con un laurel (clásico, institucional) y el nombre "AAVV San Pedro" + tagline "desde 1987". Lo descargan en SVG y se lo pasan al estudio de imprenta local para que lo incluya en la portada de la revista. Cero coste, cero marca de agua, resultado presentable.

Ejemplo 5 — Mockup de producto para startup. Elena está preparando un pitch deck para su startup de IA educativa. Necesita un logo "neutro pero profesional" para los mockups que mostrará a los inversores. Elige Tech con un chip, nombre "EduAI" + tagline "inteligencia que enseña", color azul (#2563EB). Exporta PNG y SVG. Sin marca de agua, sin que los inversores vean logos públicos que les hagan pensar "esto es de Canva y no es serio".

Consejos y trucos

• Empieza por el estilo, no por la plantilla. Los 5 estilos son muy distintos visualmente. Antes de mirar las 50 plantillas, decide qué vibe quieres (minimalista vs corporativo vs artesanal). Si no sabes, prueba Minimalista: es el más versátil y combina con casi todo.
• Usa SVG para imprenta, PNG para web, PDF para dossiers. SVG es escalable a cualquier tamaño sin perder calidad: imprenta, cartelería grande, bordados, vinilos. PNG (1200×630) es ideal para Open Graph, redes sociales, web. PDF A4 es para presentaciones, propuestas comerciales, dossiers.
• Fondo transparente para logos versátiles. Si tu logo va a ir sobre fotos, vídeos o fondos de color, exporta con fondo transparente. Así lo pegas en cualquier sitio sin antiestético cuadro blanco.
• El color importa más que el icono. Un mismo logo con tres colores diferentes da tres vibes completamente distintas. Prueba los 6 presets con tu plantilla favorita antes de decidir.
• Tagline corto y memorable. Si tu tagline tiene más de 4-5 palabras, se va a ver apretado. Mejor uno corto: "Hecho en Madrid" o "Café desde 2010" en lugar de "Somos una empresa especializada en café artesanal desde el año 2010 en la ciudad de Madrid".
• Prueba los 5 estilos antes de decidir. Tu nombre puede verse radicalmente distinto en Minimalista que en Artesanal. Dedica 5 minutos a probar los 5 estilos con tu nombre antes de quedarte con uno.
• Cuando el logo te convenza, exporta en los 3 formatos. No te quedes solo con PNG. El SVG te salvará el día cuando necesites una versión enorme para imprenta o un vinilo. El PDF te servirá para dossiers y propuestas comerciales.
• El logo es un punto de partida, no el destino. Esta herramienta te da algo presentable en 5 minutos. Si tu negocio crece y necesitas branding serio (manual de identidad, papelería corporativa, web a medida), contrata a un diseñador gráfico. Es una inversión que se amortiza sola.
• Los iconos son formas básicas, no claims de propiedad. Si un diseñador profesional mira tu logo y dice "eso es un hexágono", no hay problema: las formas geométricas básicas (círculos, triángulos, hexágonos, líneas) no son propiedad de nadie. El logo es tuyo.
• Verifica el SVG antes de imprimir. Si vas a mandar el SVG a imprenta, ábrelo primero en un visor (Inkscape, Illustrator, Affinity, Figma) para confirmar que se ve como esperas. A veces los navegadores renderizan SVG con detalles que otros programas no.

Limitaciones y consideraciones

Esta herramienta es un generador de logos básico, no un sistema de branding profesional. Antes de plantearte usarla para flujos complejos, conviene entender exactamente qué cubre y qué NO cubre, y por qué en situaciones avanzadas necesitas un diseñador.

Qué cubre el MVP

• 50 plantillas SVG pre-diseñadas a mano, distribuidas en 5 estilos (minimalista, corporativo, moderno, artesanal, tech) × 10 variaciones.
• Editor visual con cambio de nombre del negocio (hasta 40 caracteres), tagline opcional (hasta 60 caracteres), 6 presets de color primario, 10 iconos por estilo (50 en total), y selección de fondo del export (blanco, transparente, negro).
• Vista previa en tiempo real del logo en el editor (sin latencia).
• Export a PNG 1200×630 px sin marca de agua, ideal para Open Graph y redes sociales.
• Export a SVG vectorial puro sin marca de agua, escalable a cualquier tamaño para imprenta profesional.
• Export a PDF A4 vertical sin marca de agua, vía diálogo nativo de impresión del navegador.
• Funcionamiento 100% offline tras primera carga, gracias al Service Worker cache-first.
• Bilingüe español/inglés con switch persistente en localStorage.
• Accesibilidad WCAG 2.1 AA: skip link, focus visible, ARIA labels, contraste, prefers-reduced-motion.
• Compliance RGPD: cero trackers propios, cero cookies con datos personales, Funding Choices solo afecta AdSense.

Qué NO cubre (queda fuera del alcance del MVP)

• Generación con IA: no hay modelo generativo. Son 50 plantillas curadas a mano. Si quieres algo único, contrata un diseñador.
• Logos animados: solo export estático (PNG, SVG, PDF). No hay SVG animado, no hay GIF, no hay Lottie.
• Múltiples capas de texto: solo 1 nombre + 1 tagline. No hay claims, sub-claims, multi-idioma, versiones responsive.
• Logos para favicon o app icon: no hay preajustes a 16×16, 32×32, 192×192, 512×512. El PNG es 1200×630 (OG), no favicon. Para favicon, redimensiona manualmente el PNG o usa una herramienta específica.
• Manual de identidad corporativa: no hay paleta de colores extendida, tipografías secundarias, variaciones (horizontal/vertical/compacta), mockups.
• Export a MP4 / vídeo: no hay animación, no hay motion graphics, no hay vídeo. Es un logo estático.
• Integración con redes sociales: no sube el logo a Instagram, Twitter, LinkedIn. Lo descarga y el usuario lo sube manualmente.
• Almacenamiento en la nube: si cierras la pestaña, pierdes el logo. No hay "mis logos", no hay cuenta, no hay historial.
• Generación de naming / branding strategy: no sugiere nombres de marca, no hace brainstorming, no genera slogans. Solo personaliza plantillas existentes.
• Validación de originalidad: no comprueba si tu logo es similar a otros existentes. La responsabilidad de verificar que tu logo no choque con marcas registradas es tuya (consulta la OEPM en España, EUIPO en UE, USPTO en EE.UU.).
• Export a PDF vectorial verdadero: el PDF que generamos usa el diálogo de impresión del navegador. Eso significa que el logo se rasteriza al imprimir (no es vectorial dentro del PDF). Para PDF vectorial puro, exporta SVG y ábrelo en Illustrator/Affinity para guardar como PDF.
• Cambio de tipografía real: la tipografía viene fijada por el estilo elegido (sans-serif, serif, handwritten, monospace). No hay selector de tipografía individual porque las plantillas están diseñadas para una familia concreta.
• Edición de paths SVG individual: no hay editor de nodos tipo Illustrator. Las plantillas son fijas; lo que se personaliza es texto, color, icono y fondo.

Cuándo necesitas un diseñador en lugar de esta herramienta

El branding profesional es un ecosistema amplio. Esta herramienta cubre el caso "tengo un negocio y necesito un logo decente rápido". Si tu proyecto entra en alguna de las siguientes categorías, considera contratar a un diseñador gráfico profesional:

• Necesitas un manual de identidad corporativa completo (logo + paleta + tipografías + papelería + mockups + guía de uso).
• Tu marca es para una empresa que va a salir al mercado con inversión (VC, ronda seed, salida a bolsa). El logo debe ser único y diferenciado.
• Necesitas un logo que funcione en 5+ idiomas (con caracteres cirílicos, chinos, árabes) sin perder identidad.
• Vas a registrar la marca en la oficina de propiedad industrial. Necesitas un logo original que no choque con marcas existentes (búsqueda previa en OEPM, EUIPO, USPTO).
• Necesitas animaciones del logo para intro de vídeos, motion graphics, redes sociales.
• Tu sector tiene convenciones visuales específicas (legal, médico, farma) que requieren expertise.
• Necesitas variantes: horizontal, vertical, compacta, monocromática, con claim, sin claim, para patrocinios.
• Quieres algo 100% único que no se parezca a ningún otro logo del mundo.
• Tu logo va a aparecer en 10+ superficies distintas: web, app, papelería, packaging, cartelería, vehículos, bordados, vinilos, señalética.

Para todos estos casos, busca un diseñador gráfico freelance (Plataformas: Domestika, Fiverr Pro, Behance, LinkedIn). La inversión típica para un logo profesional decente está entre 150 € y 800 €, y para un branding completo entre 1.000 € y 5.000 €. Esta herramienta no compite con un diseñador: cubre el nicho de "logo rápido sin compromiso" donde un diseñador no se justifica.

Glosario rápido

SVG

Gráficos vectoriales escalables. Formato basado en XML para gráficos 2D. Soportado universalmente por navegadores, editores vectoriales (Inkscape, Illustrator, Affinity, Figma) y conversores online. Ver MDN SVG.

viewBox

Atributo SVG que define el sistema de coordenadas interno. viewBox="0 0 400 200" significa que el SVG mide 400 unidades de ancho por 200 de alto. El navegador escala esto al tamaño real del SVG en pantalla. Ver MDN viewBox.

XMLSerializer

API del navegador que convierte un árbol DOM (de un documento XML como SVG) de vuelta a string. Se usa aquí para serializar el SVG actualizado y exportarlo como Blob. Ver MDN XMLSerializer.

Canvas toBlob

Método del elemento <canvas> que convierte el contenido del canvas en un Blob (PNG, JPEG, WebP según parámetro). Más eficiente que toDataURL para blobs grandes porque evita el overhead de base64. Ver MDN toBlob.

Blob

Objeto binario opaco del navegador. URL.createObjectURL(blob) crea una URL local que apunta al blob en memoria — sin subida a ningún servidor. Es la base del manejo client-side de archivos sin upload. Ver MDN Blob.

window.print()

API nativa del navegador que abre el diálogo de impresión del sistema operativo. El usuario elige la impresora destino o "Guardar como PDF". Ver MDN window.print.

@page

Regla CSS que controla las dimensiones de la página al imprimir. @page { size: A4 portrait; margin: 24mm 20mm; } fuerza A4 vertical con márgenes específicos. Ver MDN @page.

Open Graph (OG)

Protocolo de metadatos creado por Facebook para que las páginas web se vean bien al compartirse en redes sociales. og:image define la imagen preview (idealmente 1200×630 px). Ver ogp.me.

Service Worker

Script que el navegador ejecuta en segundo plano, habilitando capacidades como caché offline de la tool. Aquí se usa un patrón cache-first: precache de HTML/CSS/JS/imágenes en la primera carga y respuesta desde caché en visitas posteriores, incluyendo sin conexión. Ver MDN Service Worker.

PWA (Progressive Web App)

Aplicación web que se comporta como app nativa: instalable en el dispositivo, funciona offline, lanza en su propia ventana. Las PWA necesitan un manifest.json válido y un Service Worker. Ver MDN PWA.

Watermark / marca de agua

Texto o logo superpuesto a una imagen/vídeo/documento para identificar su origen o reclamar autoría. En generadores de logos online, se usa para forzar al usuario a pagar antes de obtener el archivo limpio. Esta herramienta NO usa watermarks: el export sale 100% limpio.

RGPD

Reglamento General de Protección de Datos de la UE (2016/679). Obliga a cualquier web que trate datos personales de usuarios europeos a tener base legal, consentimiento explícito para cookies no esenciales, derecho al olvido, portabilidad. Funding Choices es nuestra CMP certificada por Google para Consent Mode v2.

Consent Mode v2

Protocolo de Google para comunicar señales de consentimiento (ad_storage, ad_user_data, ad_personalization, analytics_storage) al data layer antes de cargar ads. Requerido por AdSense en EEA/UK/Suiza desde enero 2024. Funding Choices es la CMP certificada que señaliza automáticamente.

Genera logos profesionales sin marca de agua y 100% en tu navegador. Sin login, sin servidores, sin IA generativa. Para branding avanzado, considera contratar un diseñador. · Versión 1.0.0 — 2026-07-01.