title: How to set size of SVG image in :before pseudo-class?
body: <p>I want to display an image in a CSS <code>:before</code> element.</p>
  
  <pre><code>.withimage:before {
    content: url(path/to/image.svg);
    display: block;
    height: 20px;
    width: 20px;
  }
  </code></pre>
  
  <p>The problem is, the <code>height</code> and <code>width</code> are applied to the element, but the SVG doesn't scale down. How do I apply the sizes to the actual element created by before?</p>
  
  <p>Plnkr example: <a href="https://plnkr.co/edit/UgryaObojs6PCU579oGY" rel="noreferrer">https://plnkr.co/edit/UgryaObojs6PCU579oGY</a></p>