Ouvrez une icône ou un logo SVG, changez ses couleurs, une forme ou une couleur partout à la fois, et téléchargez le fichier recoloré.
Un SVG décrit des formes, et chaque forme a un remplissage (son intérieur) et un contour. Les couleurs sont écrites dans le fichier, en attributs ou en styles. C'est pour cela qu'un SVG peut être recoloré sans rien redessiner, et sans perdre en netteté.
Sélectionnez une forme pour changer son remplissage ou son contour. Pour changer la charte d'un jeu d'icônes ou d'un logo, remplacez une couleur du document : toutes les formes qui l'utilisent changent ensemble, et vous voyez le résultat en direct avant de télécharger le fichier.
Les formes, leur ordre et la structure du fichier sont conservés : le SVG téléchargé est celui que vous avez ouvert, avec ses nouvelles couleurs. Ça marche pour les icônes d'un jeu d'icônes, les logos exportés comme les illustrations.
Déposez un fichier SVG dans l'éditeur, ou collez son code.
Sélectionnez une forme et choisissez son remplissage ou son contour, ou remplacez une couleur partout dans le document.
Vérifiez l'aperçu et téléchargez le fichier recoloré.
Sur un site, une icône dont le remplissage est currentColor prend la couleur du texte autour d'elle : changez-la en CSS plutôt que de modifier le fichier.
Pour un logo aux couleurs de marque, remplacez chaque couleur dans tout le document pour que toutes les formes restent cohérentes.
ConseilLe SVG est modifié dans votre navigateur : rien n'est envoyé sur un serveur.
Son code est nettoyé de tout script avant d'être affiché : un SVG récupéré sur le web ne peut pas exécuter de code dans la page.
SécuritéChanger les couleurs d'un SVG en bref