title: How can you use a symbol from SVG defs.svg as background image in CSS?
body: <p>I'm trying to use a symbol from my defs.svg as a background image in CSS, as opposed to a direct path to an individual SVG file.</p>
  
  <p>So instead of:</p>
  
  <pre><code>background: url(spoon.svg);
  </code></pre>
  
  <p>I want to do something like this:</p>
  
  <pre><code>background: url(defs.svg#spoon);
  </code></pre>
  
  <p>With #spoon being a symbol in defs.svg with id="spoon". Unfortunately, this isn't working for me. Has anyone come across a solution that doesn't involve custom JS/etc?</p>