title: How to replace color of PNG image using CSS?
body: <p>I have an icon in a webpage:</p>
  <pre><code>&lt;div class='icon-container'&gt;
      &lt;img src = &quot;img/gavel3.png&quot; class=&quot;gavel-icon&quot; style='vertical-align:center;width:80px;'&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I'm trying to replace the black in this image with the color: <code>#2a4f6c</code> using CSS only.  I tried to replace the black with this color using Photoshop, and it looks awful and grainy.  Is a solution possible using pure CSS?</p>
  <p>Image in question below.</p>
  <p><a href="https://i.stack.imgur.com/CJcLK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CJcLK.png" alt="enter image description here" /></a></p>