How to resize SVG icons via elements such as images

Question

In my HTML document I have a document that contains many items with id attributes, such as icon-x. Then I want to reuse these icons like However, the icons in this example may have different ones in the source SVG size. I want them to fit into the div.container but not the svg inside the container

P粉356361722 · Answer

icon-x Must be a symbol or nested svg
with a viewBox attribute
When using icon-x, you can specify the width and height for the 代码> element. You can also specify different positions (x and y attributes) or different padding for .

In the next example, I use . You can optionally use nested svg's. In this case you might want to put it in

svg{
border:solid;
width:90vh;
}