Hockey Power Play (5v4)
1-3-1 umbrella power-play setup with passing options.
Rendering…
Make it your own.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 320" width="520" height="320">
<style>
text { font:11px Inter, sans-serif; fill:white; font-weight:700; text-anchor:middle; }
</style>
<rect x="20" y="20" width="480" height="280" fill="#bae6fd" stroke="#0f172a"/>
<rect x="20" y="60" width="480" height="200" fill="none" stroke="#0f172a"/>
<rect x="200" y="20" width="120" height="40" fill="#f1f5f9" stroke="#0f172a"/>
<text x="260" y="46" fill="#0f172a">Net</text>
<!-- 5v4 setup -->
<circle cx="160" cy="120" r="14" fill="#3666ff"/><text x="160" y="124">LD</text>
<circle cx="360" cy="120" r="14" fill="#3666ff"/><text x="360" y="124">RD</text>
<circle cx="260" cy="170" r="14" fill="#3666ff"/><text x="260" y="174">C</text>
<circle cx="180" cy="220" r="14" fill="#3666ff"/><text x="180" y="224">LW</text>
<circle cx="340" cy="220" r="14" fill="#3666ff"/><text x="340" y="224">RW</text>
<!-- PK box -->
<circle cx="220" cy="100" r="12" fill="#dc2626"/><text x="220" y="104">PK</text>
<circle cx="300" cy="100" r="12" fill="#dc2626"/><text x="300" y="104">PK</text>
<circle cx="220" cy="180" r="12" fill="#dc2626"/><text x="220" y="184">PK</text>
<circle cx="300" cy="180" r="12" fill="#dc2626"/><text x="300" y="184">PK</text>
<!-- passes -->
<defs><marker id="ax" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto"><path d="M0,0 L10,5 L0,10 z" fill="#0f172a"/></marker></defs>
<line x1="160" y1="120" x2="260" y2="170" stroke="#0f172a" stroke-width="2" marker-end="url(#ax)" stroke-dasharray="5 3"/>
<line x1="260" y1="170" x2="180" y2="220" stroke="#0f172a" stroke-width="2" marker-end="url(#ax)" stroke-dasharray="5 3"/>
<line x1="260" y1="170" x2="340" y2="220" stroke="#0f172a" stroke-width="2" marker-end="url(#ax)" stroke-dasharray="5 3"/>
<text x="260" y="300" fill="#0f172a">1-3-1 umbrella PP</text>
</svg>