SVG sprite using CSS variables . Test
Original SVG
<path d="" fill="#784421"/>
With default CSS variables
<path d="" fill="var(--tilion-color7, #784421)"/>
With modified CSS variables
#tilion {
--tilion-color2: crimson;
animation: anim-tilion 10s infinite;
}
@keyframes anim-tilion {
25% {
--tilion-color2: deeppink;
}
50% {
--tilion-color2: mediumslateblue;
}
75% {
--tilion-color2: seagreen;
}
}