<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" height="258" width="616" xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
  .line { fill: none; stroke: black; stroke-width: 1 }
</style>
<defs>
<radialGradient id="gradient_radial" cx="50%" cy="50%" r="50%" fx="25%" fy="25%">
<stop offset="0%" stop-color="#cccccc"/>
<stop offset="100%" stop-color="#444444"/>
</radialGradient>
<g id="button">
<rect x="-1" y="-1" width="2" height="2" stroke="#000000" stroke-width="0.5" fill="#ffffff"/>
</g>
<g id="phone">
<rect x="-8" y="-16" width="23" height="26" rx="2" ry="2" stroke="#000000" stroke-width="0.5" fill="#444444"/>
<rect x="-10" y="-20" width="8" height="32" rx="4" ry="4" stroke="#000000" stroke-width="0.5" fill="url(#gradient_radial)"/>
<rect x="1" y="-13" width="10" height="3" stroke="#000000" stroke-width="0.5" fill="#cccccc"/>
<use xlink:href="#button" transform="translate(3,-5)"/>
<use xlink:href="#button" transform="translate(6,-5)"/>
<use xlink:href="#button" transform="translate(9,-5)"/>
<use xlink:href="#button" transform="translate(3,-2)"/>
<use xlink:href="#button" transform="translate(6,-2)"/>
<use xlink:href="#button" transform="translate(9,-2)"/>
<use xlink:href="#button" transform="translate(3,1)"/>
<use xlink:href="#button" transform="translate(6,1)"/>
<use xlink:href="#button" transform="translate(9,1)"/>
<use xlink:href="#button" transform="translate(3,4)"/>
<use xlink:href="#button" transform="translate(6,4)"/>
<use xlink:href="#button" transform="translate(9,4)"/>
<path d="M -6,12 C -10,30 -24,-8 -10,-8" fill="none" stroke-width="2" stroke="#000000"/>
</g>
<g id="STP">
<rect x="-17" y="-17" height="34" width="34" style="fill:#ff6600;stroke:black;stroke-width:1px"/>
<path d="M -17 17 l 9 -9 M 17 -17 l -9 9" style="fill:#ffff00;stroke:black;stroke-width:1px"/>
<text x="0" y="4" font-size="12">STP</text>
</g>
<g id="SSP">
<circle cx="0" cy="0" r="17" style="fill:#ff0000;stroke:black;stroke-width:1px"/>
<text x="0" y="4" font-size="12">SSP</text>
</g>
<g id="SCP">
<path d="M -17 -14 L -17 16 A 17 4, 0, 0 0, 17 16 L 17 -14" style="fill:#ffff00;stroke:black;stroke-width:1px"/>
<ellipse cx="0" cy="-14" rx="17" ry="4" style="fill:#ffff00;stroke:black;stroke-width:1px"/>
<text x="0" y="7" font-size="12">SCP</text>
</g>
</defs>
<g font-family="sans-serif" font-size="12" text-anchor="middle">
<path d="M 150 31 L 226 41" class="line"/>
<path d="M 150 110 L 226 41" class="line"/>
<path d="M 150 31 L 226 120" class="line"/>
<path d="M 150 110 L 226 120" class="line"/>
<path d="M 226 41 L 226 120" class="line"/>
<path d="M 226 41 L 306 41" class="line"/>
<path d="M 226 120 L 306 41" class="line"/>
<path d="M 226 41 L 306 120" class="line"/>
<path d="M 226 120 L 306 120" class="line"/>
<path d="M 306 41 L 306 120" class="line"/>
<path d="M 306 41 L 386 41" class="line"/>
<path d="M 306 120 L 386 41" class="line"/>
<path d="M 306 41 L 386 120" class="line"/>
<path d="M 306 120 L 386 120" class="line"/>
<path d="M 386 41 L 386 120" class="line"/>
<path d="M 386 41 L 466 31" class="line"/>
<path d="M 386 120 L 466 31" class="line"/>
<path d="M 386 41 L 466 110" class="line"/>
<path d="M 386 120 L 466 110" class="line"/>
<path d="M 150 184 L 226 120" class="line"/>
<path d="M 150 181 L 306 120" class="line"/>
<path d="M 386 120 L 466 184" class="line"/>
<text x="188" y="33" font-size="12">A</text>
<text x="180" y="58" font-size="12">A</text>
<text x="170" y="86" font-size="12">A</text>
<text x="188" y="112" font-size="12">A</text>
<text x="233" y="90" font-size="12">C</text>
<text x="266" y="37" font-size="12">B/D</text>
<text x="274" y="62" font-size="12">B/D</text>
<text x="288" y="90" font-size="12">B/D</text>
<text x="266" y="116" font-size="12">B/D</text>
<text x="313" y="90" font-size="12">C</text>
<text x="346" y="37" font-size="12">B/D</text>
<text x="354" y="62" font-size="12">B/D</text>
<text x="368" y="90" font-size="12">B/D</text>
<text x="346" y="116" font-size="12">B/D</text>
<text x="393" y="90" font-size="12">C</text>
<text x="424" y="33" font-size="12">A</text>
<text x="432" y="58" font-size="12">A</text>
<text x="446" y="86" font-size="12">A</text>
<text x="424" y="112" font-size="12">A</text>
<text x="180" y="150" font-size="12">A</text>
<text x="240" y="160" font-size="12">E</text>
<text x="346" y="174" font-size="12">F</text>
<text x="432" y="150" font-size="12">A</text>
<use xlink:href="#SCP" transform="translate(150,31)"/>
<use xlink:href="#SCP" transform="translate(150,110)"/>
<use xlink:href="#STP" transform="translate(226,41)"/>
<use xlink:href="#STP" transform="translate(306,41)"/>
<use xlink:href="#STP" transform="translate(386,41)"/>
<use xlink:href="#STP" transform="translate(226,120)"/>
<use xlink:href="#STP" transform="translate(306,120)"/>
<use xlink:href="#STP" transform="translate(386,120)"/>
<use xlink:href="#SCP" transform="translate(466,31)"/>
<use xlink:href="#SCP" transform="translate(466,110)"/>
<path d="M 150 178 L 466 178" class="line"/>
<rect x="150" y="187" width="316" height="4"  style="fill:#ff0000;stroke:black;stroke-width:1px"/>
<path d="M43,165 Q95,180 133,180" fill="none" stroke-width="1" stroke="#0000ff"/>
<use xlink:href="#phone" transform="translate(30,156)"/>
<path d="M37,231 Q75,231 136,194" fill="none" stroke-width="1" stroke="#0000ff"/>
<use xlink:href="#phone" transform="translate(24,222)"/>
<path d="M482,178 Q520,178 582,140" fill="none" stroke-width="1" stroke="#0000ff"/>
<use xlink:href="#phone" transform="translate(590,130)"/>
<path d="M483.5,184 Q520,184 586,200" fill="none" stroke-width="1" stroke="#0000ff"/>
<use xlink:href="#phone" transform="translate(594,190)"/>
<path d="M482,190 Q512,200 536,240" fill="none" stroke-width="1" stroke="#0000ff"/>
<use xlink:href="#phone" transform="translate(544,230)"/>
<use xlink:href="#SSP" transform="translate(150,184)"/>
<use xlink:href="#SSP" transform="translate(466,184)"/>
</g>
</svg>
