Éditeur vectoriel SVG interactif
Éditeur vectoriel interactif complet côté client avec filtres, dégradés et exportation directe.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Épingler plusieurs icônes personnalisées et compiler une planche de symboles unique.
Aucune icône épinglée. Épinglez des icônes pour les réunir dans une planche.
Générez des prompts IA ou améliorez l’icône sur le canevas
Choisissez un preset, puis copiez le prompt dans votre outil IA ou améliorez l’icône sur le canevas.
Éditeur vectoriel SVG interactif
Éditeur vectoriel interactif complet côté client avec filtres, dégradés et exportation directe.
Fichiers .svg (jusqu’à 2 Mo), code XML collé ou recherche directe d’icônes
SVG 2.0 assaini, PNG/WebP haute densité, JSX/TSX, Vue, Svelte et masque CSS
Édition DOM non destructive en temps réel avec 50 niveaux d’annulation et nettoyage local
Comment utiliser Éditeur vectoriel SVG interactif
-
1
Collez du code SVG ou téléversez un fichier pour l’afficher sur le canevas.
-
2
Sélectionnez un calque ou un nœud puis réglez remplissage, contour, rayon et position.
-
3
Activez la grille et le magnétisme pour un alignement précis au pixel.
-
4
Téléchargez le SVG modifié ou copiez le balisage nettoyé.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
Limites
- Le texte curviligne (textPath) n’est pas modifiable dans cet éditeur.
- La taille maximale par fichier est de 2 Mio.
- Les exports Figma doivent être au format SVG (les PDF sont refusés à l’analyse).
Les fichiers que vous ouvrez ou collez dans cet atelier sont traités localement dans votre navigateur. Rien n’est envoyé vers un serveur.