title: Replace <img> tag with font awesome icon from CSS
body: <p>I have several hundreds of icons around a legacy application:</p>
  
  <pre><code>&lt;img class="date-picker" src="/image/datepicker.png"&gt;
  </code></pre>
  
  <p>Following CSS removes the datepicker.png but the font awesome icon is not displayed</p>
  
  <pre><code>.date-picker {
      background-image: none;
  }
  .date-picker:after{
      font-family: FontAwesome;
      content: "\f073";
      color:grey;
      font-size:25px;
  }
  </code></pre>
  
  <p>Is there a way how to achieve this without changing the IMG tags?</p>