JSFiddle - React, Tailwind, and code Playground

by OysteinAmundsen

HTML

<section>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 500" version="1.1" id="canvas">
    <g id="furniture">
      <use href="sprites.svg#sink"></use>
      <use href="sprites.svg#ball"></use>
    </g>
  </svg>
</section>

CSS

#canvas {
  width: 100%;
}
#furniture use {
  fill: var(--background);
  stroke: var(--primary);
}