SVG Fonts was replaced by the SVG table allowed in the OpenType font specification, while SMIL was replaced by declarative animation in CSS or scripted animation.

SVG has a drawing area called a 'canvas,' and by using the SVG canvas to create animations, you can manage them within HTML and easily manipulate them with CSS and JS.

For example, Joe Harrison built a prototype concept for responsive icons that can use animations to change the image shape at different resolutions. Another concept is to do more of the animation in ...