unir SVG
☞ funciona por completo en tu navegador — no se sube nadaSuelta aquí tus archivos SVG
o haz clic para buscar — hasta 12 archivos SVG
Vista previa
OneImageTool
Herramientas de imagen gratis
unir SVG
Combina varios archivos SVG en uno. Colócalos en fila, en columna, en cuadrícula o apilados — cada archivo conserva sus propios degradados, filtros y estilos.
o haz clic para buscar — hasta 12 archivos SVG
Vista previa
sin filtraciones entre archivos
Dos archivos SVG pueden ser perfectamente válidos por separado y romperse en cuanto comparten documento. Puede que ambos definan un degradado con el id "a", y que ambos lleven una hoja de estilos de Illustrator donde todo se llama .st0. Si los concatenas, el segundo degradado acaba apuntando en silencio al primero, mientras una hoja de estilos pisa a la otra: el archivo abre sin problemas y simplemente se ve mal.
Esta herramienta renombra cada id y cada clase de cada archivo de origen con su propio prefijo y reescribe todas las referencias en consonancia: valores de url(), fragmentos href, estilos en línea y los selectores dentro de los elementos style. Después coloca cada archivo en su propio svg anidado, lo que le da un viewport privado para su sistema de coordenadas.
tres pasos
Añade hasta 12 archivos .svg — se quedan en tu dispositivo.
Fila, columna, cuadrícula o apilados, con la separación que quieras.
Un único SVG que los contiene todos.
respuestas rápidas
Sí. Los ids de cada archivo reciben un prefijo (f1-, f2-, etc.) y todas las referencias a ellos se reescriben, así que dos archivos que usaban url(#a) acaban apuntando cada uno a su propia definición en vez de pelearse por una.
Reciben el mismo trato. Las exportaciones de Illustrator y Figma llaman casi a todo .st0 o .cls-1, así que las colisiones de clase son más frecuentes que las de id — los atributos class y los selectores dentro de los elementos style se prefijan a la vez.
Sí — usa las flechas de la lista de archivos. El orden de la lista es el orden en la disposición, de izquierda a derecha y de arriba abajo.
No. Cada uno conserva sus dimensiones y se coloca tal cual; en una fila se centran verticalmente, y en una cuadrícula cada celda mide lo que el archivo más grande. Usa antes el redimensionador de SVG si quieres que coincidan.
Pone todos los archivos en el mismo sitio, centrados unos sobre otros — útil para superponer una insignia a un icono o para comparar dos versiones del mismo dibujo.
No. Todo se analiza y se ensambla en tu navegador.