How to load SVG images without Rasterization / Pixelation?

[iameraj]

Hey everyone, I am running into this issue where loading a SVG image via "@image-url" causes the image to pixelate. Is there a way to load a SVG without pixelation?

Image { source: @image-url("assets/icons/home.svg"); height: parent.height; width: parent.width; image-fit: contain; }

[ogoffart]

What renderer are you using?
There shouldn't be rasterization like that unless you are using the software renderer with pre-rendered images. In which case the images are indeed rendered at the size it is specified in the svg.
Support for smooth scaling or better svg image size detection in the software renderer is not implemented yet.

[iameraj]

I was using the software renderer. Changing the renderer solved the issue.