Checkmark icons inconsistent across components

[bsteffl]

What is the expected behavior?

Checkmarks should take the same shape and width between components.

What is the current behavior?

Checkmarks across components appear to be different in shape and width.

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

Checkmarks within checkbox appear thinner and expand most of the width and height of the box. Checkmarks within Select > Multiple selection appear shorter and heavier weight.
.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

7.3.7 Material

Is there anything else we should know?

Selection lists appear the same as Select Multiple selection. May be different depending on the browser.

[andrewseguin]

Looks like the pseudo checkbox is not styled the same as our normal checkbox

[jonathanRinciari]

So taking a look it probably won't be possible to get it pixel perfect since the normal checkbox is an SVG and the pseudo uses borders to obtain the feel of the normal checkbox. It is possible to use the existing SVG logic for the pseudo as well at least than it is to spec.

[jelbourn]

The point of pseudo-checkbox is that it doesn't use SVGs. In components where you would normally render a large number of checkboxes, the SVGs can get heavy, so we use the "close enough" pseudo-checkbox which is pure CSS.

We might be able to make it a little closer, but I suspect it will be impossible to make them pixel-perfect.

[bsteffl]

I realize this is very minor, thanks for looking.