Vector-based HTML Canvas Drawings

Question

I'm creating nice icons using HTML Canvas feature. But I've just noticed that they're all pixel-based, I mean raster graphics, not vectors. I'm leaning more into using HTML Canvas than using SVG. The way Canvas works is very similar to SVG anyway; namely, they both serve lines and curves defined by mathematical equations. So I wonder if there's a way to render those images as vectors or at least to get them pre-scaled (e.g 2x bigger) if realtime scaling is not possible at all.

Answer 1

Why not just use svgs?

Sorry, cant comment. Not enough credit.