When I import an icon as SVG, and then export it at 1x on the sidebar panel, it seems low resolution every time, while export at 2x or 3x just fine. Also 1x and 2x are looking exactly the same size by visual, but their dimensions are correct (eg: 1x=48x48 and 2x=96x96, but both look like 48x48). What could be the reason for this?
All retina displays (iPhone, Macbook, iPad) actually render 2x. This is done so that your text sizes and proportions don’t get affected on other platforms. So to get the right view, you need to export your SVGs at 2x for all retina display screens.
But I would actually suggest using SVG (atleast for icons) wherever you are using it… as they remain sharp no matter the resolution