Projet

Général

Profil

Télécharger (1,33 ko)

Feature #15252 » dossier-svg-couleurs.html

Une façon simple de modifier la couleur d'un svg . - Aurore Allibe, 18/09/2026 11:05

 
<html>
<body>
<style>
#folderA path {fill:red;}
</style>
<svg id="folderA" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024">
<path fill="#24a940" d="M880 298.4H521L403.7 186.2a8.15 8.15 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32M840 768H184V256h188.5l119.6 114.4H840z" />
<path fill="#24a940" fill-opacity=".15" d="M372.5 256H184v512h656V370.4H492.1z" />
</svg>
<svg id="folderB" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024">
<path fill="#000" d="M880 298.4H521L403.7 186.2a8.15 8.15 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32M840 768H184V256h188.5l119.6 114.4H840z" />
<path fill="#000" fill-opacity=".15" d="M372.5 256H184v512h656V370.4H492.1z" />
</svg>
<svg id="folderC" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024">
<path fill="#000" d="M880 298.4H521L403.7 186.2a8.15 8.15 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32M840 768H184V256h188.5l119.6 114.4H840z" />
<path fill="#000" fill-opacity=".15" d="M372.5 256H184v512h656V370.4H492.1z" />
</svg>
</body>
</html>
(2-2/2)