Crea tu kit de marca

Entra un logo y sale todo lo que necesita: iconos para tu web y tus apps, y el propio logo en los tamaños y formatos que te piden.

Crea tu kit de marca

SVG, PNG, JPG, WebP, HEIC · hasta 8 MB · vistas previas gratis · 2 créditos por kit · nuevas descargas incluidas

Inicia sesión para usar uno de tus resultados desbloqueados.
PersonalizarNombre de la marca, nombre corto, colores y margen
Hasta 45 caracteres; si lo dejas vacío, el nombre de tu archivo. Es el nombre de la app, y todos los archivos y recursos del kit llevan ese nombre. Hasta 12 caracteres: el texto bajo el icono en la pantalla de inicio. Si lo dejas vacío, se recorta del nombre de la marca.
El fondo rellena los iconos de app, el Apple touch icon y los iconos maskable; el margen mantiene tu logo alejado de sus bordes. Los favicons de pestaña y los PNG usan el cuadrado completo.

Qué hace esta herramienta

Crea de una vez todos los archivos que necesita tu logo, cada grupo en su propia carpeta: favicons e iconos de web app con sus etiquetas HTML, iconos de app para Android e iOS, un image set de Xcode, un vector drawable de Android, PNG transparentes de 256 a 2048 px y tu SVG optimizado para la web junto al original. El nombre de la marca se convierte en el nombre de la app y de cada archivo, y un README explica cada carpeta. Un SVG recibe el kit completo; un PNG, JPG, WebP o HEIC recibe solo los archivos de imagen, porque esta herramienta no traza imágenes.

Por seguridad, se eliminan los scripts, las animaciones, el contenido web incrustado, los enlaces y todo lo que cargue otro archivo; tu diseño y las imágenes PNG, JPEG o WebP incrustadas se mantienen. El resultado lista todo lo eliminado.

Qué incluye

  • favicon/ Favicon e iconos de web appfavicon.ico, favicons PNG y SVG, el Apple touch icon, los iconos maskable, site.webmanifest y las etiquetas HTML para tu web.
  • app-icons/ Iconos de app para Android e iOSUn icono adaptable para el launcher de Android con los tamaños clásicos y una imagen para Play Store, y un set AppIcon de iOS de 1024 px.
  • ios/ Image set de XcodeTu logo como recurso de imagen para una app de iOS: vectorial, o PNG a 1×, 2× y 3×.
  • android/ Vector drawable de AndroidTu logo como VectorDrawable para una app de Android.
  • png/ PNG transparentesLado más largo: 256, 512, 1.024 y 2.048 px.
  • svg/ Archivos SVGTu logo optimizado para la web, y el original con precisión completa.
  • README.txt Para qué sirve cada carpetaDónde va cada archivo, y las etiquetas HTML para tu web.

Entradas, salidas y límites

Entrada

Uno de tus resultados desbloqueados, o un SVG, PNG, JPEG, WebP o HEIC

Salida

Un ZIP con las carpetas favicon/, app-icons/, ios/, android/, png/ y svg/ y un README que explica cada una

Límites

Archivos de hasta 8 MB; imágenes PNG, JPG y WebP de hasta 24 megapíxeles, escaladas a 1.536 px antes de exportar. A partir de un SVG crea PNG de 256, 512, 1.024 y 2.048 px en el lado más largo; a partir de una imagen ráster, los tamaños que alcanza a llenar. Los archivos vectoriales de iOS y Android admiten hasta 2.000 trazados simples con colores sólidos. Límite de procesamiento: 60 s.

Cómo funciona

1

Elige tu logo

Elige uno de tus resultados desbloqueados, o sube un SVG para obtener el kit completo. Un PNG, JPG, WebP o HEIC recibe el favicon, el icono de app y los archivos de iOS y PNG.

2

Deja los valores predeterminados o personalízalos

El nombre de la marca sale del nombre de tu archivo. En Personalizar puedes cambiarlo, junto con el nombre corto para pantallas de inicio, los colores de tema y de fondo, y el margen.

3

Vista previa y descarga

Mira el icono de la pestaña en una pestaña clara y otra oscura, tus iconos de app en tamaños pequeños y todos los archivos del kit, y descarga el ZIP. El README indica dónde va cada carpeta.

Solución de problemas

¿Es lo mismo que usar cada herramienta por separado?

Sí. Cada carpeta contiene exactamente lo que crean a partir del mismo logo el generador de favicon, el generador de iconos de app, los exportadores de iOS y Android, SVG a PNG y el optimizador de SVG. Usa esas herramientas por separado para otros ajustes, como un prefijo de ruta u otros tamaños.

¿Por qué faltan android/ y svg/?

Necesitan un diseño vectorial. Un PNG, JPG, WebP o HEIC recibe el favicon, el icono de app y los archivos de iOS y PNG; convierte primero la imagen en SVG para obtener el resto.

¿Por qué ios/ contiene PNG en lugar de un vector?

Los archivos vectoriales de iOS y Android solo admiten formas simples con colores sólidos. Un diseño con degradados, texto o efectos recibe PNG para iOS y ningún vector de Android, y el resultado explica por qué.

¿Por qué falta el PNG de 2048 px?

A partir de un PNG, JPG, WebP o HEIC, el kit crea solo los tamaños que la imagen alcanza a llenar: una copia más grande solo saldría borrosa. Un SVG recibe todos los tamaños.

Acceso y precios

Usar esta herramienta y sus vistas previas es gratis. Descargar el resultado cuesta 2 créditos con una cuenta con sesión iniciada; se cobra una vez y nunca por una pasada que falle. Volver a descargarlo es gratis. Cada kit nuevo cuesta lo mismo, tanto si se crea a partir de un archivo que subes como de un resultado que ya desbloqueaste. Los archivos se guardan 24 horas para invitados y 30 días en una cuenta. Consulta los precios.

Guías sobre los archivos del kit

Favicon en SVG, PNG o ICO: cuál usarIconos maskable para PWA: zona segura y configuraciónCómo convertir SVG a XML de AndroidIconos de app para Android e iOS a partir de una imagen¿SVG o PNG para los recursos de imagen de Xcode?

Herramientas relacionadas

Generador de favicon e iconos PWAIconos ICO, SVG, Apple touch y maskableCrea tu icono de appPaquetes de recursos para Android e iOSConvertir SVG a PNGConvierte un SVG a PNG, hasta 4.096 pxOptimizador de SVGReduce un SVG sin cambiarlo