Optical centering of play icon for animated image control

[aaronpinero]

For an animated image, I suspect the play icon is being mathematically centered on the control box background. However, because of the shape of the play icon, it does not appear optically centered; instead it seems as if it is off-center to the left.

I was able to achieve something close to optically centered by modifying the example component code from the documentation as follows:

<wa-animated-image
  src="https://shoelace.style/assets/images/walk.gif"
  alt="Animation of untied shoes walking on pavement"
>
  <wa-icon slot="play-icon" style="margin-left:3px" name="play"></wa-icon>
</wa-animated-image>

I'm not suggesting this is the correct solution, only illustrating how the play button should be positioned more to the right to achieve optical centering. Perhaps the real solution to this is to modify the play icon itself and not this component. However, optical centering of this icon would help the overall appearance of the component.