title: changing image color when clicked
body: <p>I have for example this icon:</p>
  
  <p><a href="https://i.stack.imgur.com/ITUhZ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ITUhZ.jpg" alt="enter image description here"></a></p>
  
  <p>this is the color of the icon when its not clicked .. when i click it it will change the color as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/iz4AI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iz4AI.jpg" alt="enter image description here"></a></p>
  
  <p>what is the best way to achieve that? is there is a way to do it as a font icon and change the color of it? or shall i just change the image when clicked and unclicked?</p>
  
  <p>can someone please tell me the best way to do it...</p>