title: Show a sharing icon on hover on image
body: <p>I have an image like this :</p>
  
  <pre><code>&lt;img id="item_img" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRH7oGdODLKgm4gaTYHdWDPYLUASSrLYxW4-YDuaZz-iU8jx5_3jg" alt="" height="333px" width="500px" /&gt;
  </code></pre>
  
  <p>With css :</p>
  
  <pre><code>#item_img:hover {
    opacity: 0.4;
  }
  </code></pre>
  
  <p>With this code, i apply a little opacity on hover. Also, I would like to show in the middle of the image, this sharing icon when the hover is active : </p>
  
  <p><img src="https://i.stack.imgur.com/P1ELC.png" alt="enter image description here"></p>
  
  <p>How can i do that ?</p>