SVG components

[MrOxMasTer]

Goals

1. Caching icons
2. Combining everything into an SVG sprite inside
3. website optimization

Background

This feature will help in many ways. It is better to organize icons, optimize the site. There are practically no alternatives at the moment. You can make svg only as a JS component, which consumes a lot of resources

Proposal

We have special components for links, images, scripts, but still not for SVG.

How do I imagine:

this will be a component that will accept the id of the SVG icon in order to further combine this into a sprite.

Inside, you can use existing html solutions by yourself, for example, svg, use, symbol, and so on.

When the page loads, it will create an svg sprite and as the page loads, it will load into this sprite and will be able to cache, so that in the future these icons can be used on other pages and they will load faster