Testing SVG blurry rendering in IE when rounding pixel measurements with infinte decimals

Base font size: 15px

First test

Width/height and background measurements in ems, e.g. 1.333334 ems = 20px.

Second test

Width and height in pixels (20px), bg in ems.

Third test

Both background image and width in px.

Fourth test

Width/height in ems, background in pixels

Fifth test

Width/height in ems, background in percent

Sixth test

Width/height and background measurements in ems, e.g. 2.333334 ems = 35px. Increased icon size (35px square). (Mostly to check if there is a threshold for the blurring).

Seventh test

Width/height and background measurements in ems, e.g. 8.333334 ems = 125px. Increased icon size (125px square). (Mostly to check if there is a threshold for the blurring).

Eighth test

Width/height and background measurements in px. Increased icon size (125px square). (Mostly to compare with number seven).

Ninth test

Width/height in pixels, background in ems, but a more rounding-friendly context

Tenth test

Width/height and background measurements in ems, e.g. 1.333334 ems = 20px. SVG has shapeRendering set to crispEdges