title: How to add svg icon to a button with a text
body: <p>I have a source of the svg icon <a href="http://alexfeds.com/wp-content/uploads/2018/04/save_icon.svg" rel="noreferrer">svgIcon</a>. I need to add this icon to the button. It would look very similar to this </p>
  
  <p><a href="https://i.stack.imgur.com/f0Z4Q.png" rel="noreferrer"><img src="https://i.stack.imgur.com/f0Z4Q.png" alt="enter image description here"></a></p>
  
  <p>I tried this:</p>
  
  <p>css</p>
  
  <pre><code>  .btn {
       border: none;
       color: grey;
       padding: 12px 16px;
       font-size: 16px;
       cursor: pointer;
       background-image: url("http://alexfeds.com/wp- 
       content/uploads/2018/04/save_icon.svg");
       background-repeat: repeat-y;
         }
  
     &lt;button class="btn"&gt; Save&lt;/button&gt;
  </code></pre>
  
  <p>But result is this:  <a href="https://i.stack.imgur.com/wny9N.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wny9N.png" alt="enter image description here"></a></p>
  
  <p>How to have the svg icon inside the button and text description beside it?</p>