juntar SVG
☞ roda inteiramente no seu navegador — nada é enviadoSolte seus arquivos SVG aqui
ou clique para procurar — até 12 arquivos SVG
Prévia
OneImageTool
Ferramentas de Imagem Grátis
juntar SVG
Combine vários arquivos SVG em um. Arrume em linha, coluna, grade ou empilhados — cada arquivo mantém seus próprios gradientes, filtros e estilos.
ou clique para procurar — até 12 arquivos SVG
Prévia
sem vazamento entre arquivos
Dois arquivos SVG podem ser perfeitamente válidos sozinhos e quebrar assim que dividem um documento. Os dois podem definir um gradiente com id "a", e os dois podem carregar uma folha de estilos do Illustrator em que tudo se chama .st0. Ao concatenar, o segundo gradiente passa a resolver silenciosamente para o primeiro, enquanto uma folha de estilos sobrescreve a outra — o arquivo abre normalmente e só fica com a aparência errada.
Esta ferramenta renomeia cada id e classe de cada arquivo de origem com um prefixo próprio e reescreve todas as referências: valores de url(), fragmentos href, estilos inline e os seletores dentro dos elementos style. Depois cada arquivo é colocado em seu próprio svg aninhado, o que dá a ele uma viewport privada para seu sistema de coordenadas.
três passos
Adicione até 12 arquivos .svg — eles ficam no seu dispositivo.
Linha, coluna, grade ou empilhados, com o espaçamento que quiser.
Um SVG só, contendo todos eles.
respostas rápidas
Sim. Os ids de cada arquivo ganham um prefixo (f1-, f2- e assim por diante) e todas as referências a eles são reescritas, então dois arquivos que usavam url(#a) acabam apontando para as próprias definições em vez de disputar uma só.
Recebem o mesmo tratamento. Exportações do Illustrator e do Figma chamam quase tudo de .st0 ou .cls-1, então colisões de classe são mais comuns que colisões de id — os atributos class e os seletores dentro dos elementos style recebem o prefixo juntos.
Dá — use as setas na lista de arquivos. A ordem dali é a ordem na disposição, da esquerda para a direita e de cima para baixo.
Não. Cada um mantém as próprias dimensões e é posicionado como está; em linha ficam centralizados na vertical, e na grade cada célula tem o tamanho do maior arquivo. Use antes o redimensionador de SVG se quiser que fiquem iguais.
Coloca todos os arquivos no mesmo ponto, centralizados um sobre o outro — útil para sobrepor um selo a um ícone ou comparar duas versões do mesmo desenho.
Não. Tudo é interpretado e montado no seu navegador.