railroad svg

railroad.svg

<svg xmlns="http://www.w3.org/2000/svg" class="railroad-diagram" width="625" height="91" viewBox="0 0 625 91"> 
	<defs>
		<style type="text/css"><![CDATA[
			svg.railroad-diagram {
                stroke: rgba(0, 122, 209, 0.95);
			}
			svg.railroad-diagram path {
				stroke-width: 2;
				stroke: rgba(0, 122, 209, 0.95);
				fill: rgba(0,0,0,0);
			}
			svg.railroad-diagram text {
				font: 14px monospace;
				text-anchor: middle;
                stroke: black;
			}
			svg.railroad-diagram text.label {
				text-anchor: start;
			}
			svg.railroad-diagram text.comment {
				font: italic 12px monospace;
			}
			svg.railroad-diagram rect {
				stroke-width: 2;
				stroke: rgba(0, 122, 209, 0.95);
				fill: rgba(0,0,0,0);
			}
		]]></style>
	</defs>

<g transform="translate(.5 .5)">
<path d="M 20 21 v 20 m 10 -20 v 20 m -10 -10 h 20.5"></path>
<path d="M40 31h10"></path>
<g>
<path d="M50 31h0"></path>
<path d="M134 31h0"></path>
<rect x="50" y="20" width="84" height="22"></rect>
<text x="92" y="35">protocol</text>
</g>
<path d="M134 31h10"></path>
<path d="M144 31h10"></path>
<g>
<path d="M154 31h0"></path>
<path d="M198 31h0"></path>
<rect x="154" y="20" width="44" height="22"></rect>
<text x="176" y="35">://</text>
</g>
<path d="M198 31h10"></path>
<path d="M208 31h10"></path>
<g>
<path d="M218 31h0"></path>
<path d="M286 31h0"></path>
<rect x="218" y="20" width="68" height="22"></rect>
<text x="252" y="35">domain</text>
</g>
<path d="M286 31h10"></path>
<g>
<path d="M296 31h0"></path>
<path d="M512 31h0"></path>
<path d="M296 31h20"></path>
<g>
<path d="M316 31h176"></path>
</g>
<path d="M492 31h20"></path>
<path d="M296 31a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<g>
<path d="M316 51h0"></path>
<path d="M492 51h0"></path>
<path d="M316 51h10"></path>
<g>
<path d="M326 51h0"></path>
<path d="M354 51h0"></path>
<rect x="326" y="40" width="28" height="22"></rect>
<text x="340" y="55">:</text>
</g>
<path d="M354 51h10"></path>
<path d="M364 51h10"></path>
<g>
<path d="M374 51h0"></path>
<path d="M482 51h0"></path>
<rect x="374" y="40" width="108" height="22"></rect>
<text x="428" y="55">port number</text>
</g>
<path d="M482 51h10"></path>
</g>
<path d="M492 51a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
</g>
<path d="M512 31h10"></path>
<g>
<path d="M522 31h0"></path>
<path d="M574 31h0"></path>
<rect x="522" y="20" width="52" height="22"></rect>
<text x="548" y="35">path</text>
</g>
<path d="M574 31h10"></path>
<path d="M 584 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>