title: Replace a color inside a png
body: <p>I have a site where I want to change a color of an image.<br>
  I have a simple png like this:</p>
  
  <pre><code>&lt;img src="arrow.png" alt="" id="arrow" /&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/1jkhG.png" alt="enter image description here"></p>
  
  <p>I want to change the color inside in another and after to another if I want.</p>
  
  <p>I have tried in this mode but doesn't work with SVG, doesn't change the color of my image</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
    &lt;image style=fill:#000000"  xlink:href="arrow.png" /&gt;  
  &lt;/svg&gt;
  </code></pre>
  
  <p>I need a solution in PHP or javascript or jQuery, I have seen GD library in PHP but I want to apply the change of the color to an existing element with an id like my image.</p>
  
  <p>How to solve this?</p>