title: Icon resize and align left
body: <p>In a page I have to show a list of items with icons. These icons vary in size as you can see in the picture (first one is larger for example. To have the same icon size everywhere in css I put the width to 32px. However for the smaller icons (for instance the temperature one in the light blue background) space is added to the left and right of the icon. I wish that the space is added only to the right, so the icon aligns left. This space is not padding (otherwise it would be shown in green).</p>
  <p>Is there anyway to tell the icons that when they enlarge space is added only to the right ?</p>
  <p><a href="https://i.stack.imgur.com/6SHX1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6SHX1.png" alt="list of icons" /></a></p>