SVG Stacking

//test.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg id="svg153" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="480" width="640" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">

    <svg:style
        xmlns:svg="http://www.w3.org/2000/svg" type="text/css">
        .i { display: none; }
        .i:target { display: block; }
    </svg:style>

	<svg version="1.1" id="one" class="i" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
		 width="120px" height="120px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
		<circle fill="#3700DC" stroke="#000000" stroke-miterlimit="10" cx="29.768" cy="30.757" r="27.378"/>
	</svg>

	 <svg version="1.1" id="two" class="i" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
		 width="120px" height="120px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
		<circle fill="#ED00C1" stroke="#3700DC" stroke-miterlimit="10" cx="29.768" cy="30.757" r="27.378"/>
		<line fill="#ED00C1" stroke="#3700DC" stroke-miterlimit="10" x1="29.191" y1="7.51" x2="29.191" y2="49.489"/>
		<line fill="#ED00C1" stroke="#3700DC" stroke-miterlimit="10" x1="10.459" y1="26.242" x2="50.997" y2="26.242"/>
	</svg>

	<svg version="1.1" id="three" class="i" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
		 width="120px" height="120px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
		<circle fill="none" stroke="#3700DC" stroke-miterlimit="10" cx="29.768" cy="30.757" r="27.378"/>
	</svg>

</svg>

//test.html

<html>
<head></head>
<body>
  <img src="test.svg#three"  alt="SVG stacked image"/>
</body>
</html>