title: Override Font Awesome icon whit background image
body: <p>I'm trying to override/replace Font Awesome icon with background image. I have only CSS access.</p>
  
  <p>What I have: <a href="https://i.stack.imgur.com/tkPXz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tkPXz.jpg" alt="plus button"></a></p>
  
  <pre><code>.btn.btn-default.bootstrap-touchspin-up:before {
      font-family: Fontawesome;
      content: "\f067";
      font-size: 14px;
  }
  </code></pre>
  
  <p>What I'm trying to achieve:<a href="https://i.stack.imgur.com/wP5wb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wP5wb.jpg" alt="plus-2"></a></p>
  
  <pre><code>.btn.btn-default.bootstrap-touchspin-up:before {
      background-image : url(Images/arrows-left-right.png);
      font-family: initial;
      content: "";
      font-size: 14px;
      height: 20px;
      width: 20px;
  }
  </code></pre>