How to decorate an SVG sprite?

Question

css

Greetings.
There is such a code (for example, I gave only one element of the sprite):

<svg display="none">
  <symbol id="thing" viewBox="0 0 123 35"">
    <rect x="45" width="35" height="35" />
    <circle cx="17.5" cy="17.5" r="17.5" />
    <path d="M107.5 2L122.655 28.25H92.3446L107.5 2Z" />
  </symbol>
</svg>

<svg class="icon-thing">
  <use xlink:href="#thing"></use>
</svg>

Is it possible to decorate shapes through styles without changing the sprite code and without third-party libraries?

Answer 1

<svg display="none">
  <symbol id="thing" viewBox="0 0 123 35">
    <rect x="45" width="35" height="35"  />
    <circle cx="17.5" cy="17.5" r="17.5"/>
    <path d="M107.5 2L122.655 28.25H92.3446L107.5 2Z"/>
  </symbol>
</svg>

<svg class="icon-thing">
  <use xlink:href="#thing"></use>
</svg>

#thing rect{
  fill:blue;
}
#thing circle{
  fill:red;
}
#thing path{
  fill:yellow
}

Answer 2

svg { 
fill: red;
 }