IMO, the most flexible way is to use css variables with a potential default value
<symbol id="thing">
<circle fill="var(--fill, red)"> // if --fill doesn't exit, it's gonna default to red
</symbol>
<svg style="--fill: blue">
<use xlink:href="sprite.svg#thing">
</svg>