title: Image not carrying over from CSS
body: <p>I'm attempting to set up an anchor tag to scroll from bottom to top of the page, and the functionality works fine - but the arrow icon I want to display isn't showing up from the linked CSS. </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;a href="#" class="anchorScroll" style=""&gt;&lt;/a&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>/*Anchor to move to top*/
  
  .anchorScroll {
      content:url(https://visualpharm.com/assets/98/Upward%20Arrow-595b40b85ba036ed117dbd06.svg/200x200);
      background: #8994a5;
      color: #fff;
      position: fixed;
      bottom: 10px;
      right: 10px;
      z-index: 9999;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 20px;
      border-radius: 3px;
  }
  </code></pre>
  
  <p>And here is a JS Fiddle <a href="https://jsfiddle.net/24665qkd/" rel="nofollow noreferrer">link.</a> Thanks in advance for any help that anyone can offer.</p>