SVG Support with Animations

[jep-a]

SVG support with animations would be a huge win for HUDs and UIs. This would bring a lot of convenience with creating more creative and responsive designs. On top of the benefits of being able to use vector graphics, here's a few good game related use cases:

Radial Bars

One of the most popular use case would be radial bars. SVGs would make drawing these super easy. With SVGs it's as easy as writing a circle element:

<circle cx="50" cy="50" r="50" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/>

Combined with animations, making a percentage animated radial health bar would be as easy as messing with stroke-dasharray and stroke-dashoffset like in these examples:

css-tricks.com/almanac/properties/s/stroke-dasharray

Modifiable Icon Stroke Widths

This would also make modifying icon stroke widths super easy. Without SVGs, you'd have to export separate PNGs for different stroke widths.

Dynamic Vector Icon Sizes

Can also be convenient for modifying icon sizes without exporting separate PNGs.

There's a lot more use cases for SVGs on top of those mentioned. Just search up some creative uses of SVGs on the web.