fusionner des SVG
☞ tout se passe dans ton navigateur — rien n’est envoyéDépose tes fichiers SVG ici
ou clique pour parcourir — jusqu'à 12 fichiers SVG
Aperçu
OneImageTool
Outils d’image gratuits
fusionner des SVG
Combine plusieurs fichiers SVG en un seul. Dispose-les en ligne, en colonne, en grille ou empilés — chaque fichier garde ses propres dégradés, filtres et styles.
ou clique pour parcourir — jusqu'à 12 fichiers SVG
Aperçu
aucun débordement entre fichiers
Deux fichiers SVG peuvent être chacun parfaitement valides et casser dès qu'ils partagent un document. Les deux définissent peut-être un dégradé avec l'id "a", et les deux embarquent peut-être une feuille de style Illustrator où tout s'appelle .st0. Mets-les bout à bout et le second dégradé pointe discrètement vers le premier, tandis qu'une feuille de style écrase l'autre — le fichier s'ouvre sans erreur, il est juste faux.
Cet outil renomme chaque id et chaque classe de chaque fichier source avec son propre préfixe, et réécrit toutes les références en conséquence : valeurs url(), fragments href, styles en ligne et sélecteurs à l'intérieur des éléments style. Chaque fichier est ensuite placé dans son propre svg imbriqué, ce qui lui donne un viewport privé pour son système de coordonnées.
trois étapes
Ajoute jusqu'à 12 fichiers .svg — ils restent sur ton appareil.
Ligne, colonne, grille ou empilés, avec l'espacement de ton choix.
Un seul SVG qui les contient tous.
réponses rapides
Oui. Les id de chaque fichier reçoivent un préfixe (f1-, f2- et ainsi de suite) et toutes les références sont réécrites : deux fichiers qui utilisaient url(#a) pointent au final chacun sur sa propre définition au lieu de se disputer la même.
Ils subissent le même traitement. Les exports d'Illustrator et de Figma appellent presque tout .st0 ou .cls-1, les collisions de classes sont donc plus fréquentes que celles d'id — les attributs class et les sélecteurs des éléments style reçoivent leur préfixe ensemble.
Oui — utilise les flèches dans la liste des fichiers. L'ordre de la liste est l'ordre dans la disposition, de gauche à droite et de haut en bas.
Non. Chacun garde ses dimensions et est placé tel quel ; en ligne ils sont centrés verticalement, en grille chaque cellule fait la taille du plus grand fichier. Utilise d'abord le redimensionneur SVG si tu veux qu'ils s'accordent.
Elle place tous les fichiers au même endroit, centrés les uns sur les autres — pratique pour superposer un badge à une icône, ou pour comparer deux versions du même dessin.
Non. Tout est analysé et assemblé dans ton navigateur.