Editor icons (SVG): alignment and rendering issues

[bpasero]

Noticed this on Windows when zooming in on an opened editor (on todays insider build):

The 2 first icons are coming from extensions and thus are SVGs. I see 2 issues:

• the alignment seems off, they do not look like belonging to the other icons
• they render with greyscale anti-aliasing (for some reason) and not nicely like the others with LCD rendering

[miguelsolorio]

I’ll look into why they aren’t aligned. And the grayscale rendering is likely due to the fact that the extension icons are rendered as an Image while the action bar icons are rendered as text (icon font).

[miguelsolorio]

So the icon alignment is correct here:

In order for the split icon to be aligned to the grid it needed to be placed off-centered. This is due to the composition of the icon and to have the split line centered:

[miguelsolorio]

Alignment issues was already fixed via 7cdd76d