title: Hover effect over icon
body: <p>I would like to create buttons like these for settings panel navigation:</p>
  
  <p><img src="https://i.stack.imgur.com/e35lE.png" alt="enter image description here"></p>
  
  <p>Can you tell me how I can create this hover effect over the icons? The most difficult part for me is to create CSS code which looks like the the picture.</p>