Quick answer: Unity UI Toolkit VectorImage rendering jagged at non-integer screen scales? SVG rasterizes at integer pixel boundaries by default - enable Pixel Snap = false on the element.

1.5x DPI on a Surface tablet shows SVG icons with stair-step edges.

Disable pixel snap

Element style: -unity-pixel-snap: false. Or in code: el.resolvedStyle.unityPixelSnap = false. Sub-pixel positioning enabled.

Or scale via transform

Apply scale via element transform rather than DPI. Vector data resamples at the new size; no aliasing.

Increase SVG resolution

Increase the source SVG's authored size by 2x. Sub-pixel artifacts become less visible.

“Vector images are vector until rasterization. Rasterization rules matter.”

Test UI on non-integer DPI scales (125%, 150%, 175%). Most testing happens at 100% or 200%; the in-between cases catch real bugs.

Related reading