View svg3-1-symbol-2.html
<svg width="400" height="200">
<symbol id="myCircle" viewbox="0 0 800 100">
<circle cx="25" cy="25" r="25" />
</symbol>
<use xlink:href="#myCircle" x="100" y="50" />
</svg>
View svg3-1-symbol-1.html
<svg width="400" height="200">
<symbol id="myCircle">
<circle cx="25" cy="25" r="25" />
</symbol>
<use xlink:href="#myCircle" x="100" y="50" />
</svg>
View svg3-1-defs-2.html
<svg width="400" height="200">
<defs>
<circle id="myCircle" cx="25" cy="25" r="25" fill="red"/>
<circle id="myCircle-2" cx="25" cy="25" r="25"/>
</defs>
<use xlink:href="#myCircle" x="100" y="50"/>
<use xlink:href="#myCircle" x="200" y="50" fill="blue" stroke-width="3" stroke="green"/>
<use xlink:href="#myCircle-2" x="300" y="50" fill="blue"/>
</svg>
View svg3-1-defs-1.html
<svg width="400" height="200">
<defs>
<circle id="myCircle" cx="25" cy="25" r="25"/>
</defs>
<use xlink:href="#myCircle" x="100" y="50"/>
<use xlink:href="#myCircle" x="200" y="50"/>
</svg>
View svg3-1-Group-3.html
<svg width="400" height="200">
<circle id="myCircle" cx="100" cy="100" r="25"/>
<use xlink:href="#myCircle" x="100" y="0"/>
<use xlink:href="#myCircle" x="200" y="0"/>
</svg>
View svg3-1-Group-2.html
<svg>
<g fill="red">
<rect x="10" y="10" width="50" height="80" fill="blue"/>
<rect x="80" y="10" width="50" height="80"/>
<rect x="150" y="10" width="50" height="80"/>
</g>
</svg>
View svg3-1-Group.html
<svg>
<g fill="red">
<rect x="10" y="10" width="50" height="80"/>
<rect x="80" y="10" width="50" height="80"/>
<rect x="150" y="10" width="50" height="80"/>
</g>
</svg>
View svg2-1-Viewbox-5.html
<svg width="200" height="150" viewBox="0 0 100 75" >
<rect x="10" y="20" width="100" height="50" fill="red" stroke="blue" stroke-width="5"/>
</svg>
View svg2-1-Viewbox-4.html
<svg width="200" height="150" viewBox="0 0 200 150" >
<rect x="10" y="20" width="100" height="50" fill="red" stroke="blue" stroke-width="5"/>
</svg>
View svg2-1-Viewbox-3.html
<svg width="200" height="150" viewbox="15 25 <width> <height>">
<rect x="10" y="20" width="100" height="50" fill="red" stroke="blue" stroke-width="5"/>
</svg>