SVG图标像素对齐？

Question

在此图像中，左（黑色）垃圾桶是图标字体。它的字体大小为16px，这使得图标在100％的时间内看起来都很清晰。

两个蓝色垃圾桶是SVG。它们具有完全相同的标记。其中一个发生是像素对齐的，而另一个则没有。

如何强制我的SVG图标总是像素对齐，以便它们像字体图标一样锐利，

并非我认为这与我的问题相关，但有问题的图标是ionicon trash-a.svg。它被设计成在特定尺寸下看起来很清晰，但我很确定浏览器不是像素对齐它取决于它落在段落中的位置。