labanotation

SVG of labanotation signs borrowed from https://commons.wikimedia.org/wiki/File:Labanotation2.svg

by lpugin

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="416" height="457" font-size="14" version="1.1">
   <g class="avant">
      <path d="m 199.5,32.5 v 120 h -31 v -84 h 13 v -36 z"/>      
   </g>
   <g class="avant">
      <path d="m 211.5,32.5 v 120 h 31 v -84 h -13 v -36 z"/>     
   </g>
   <g>
     <path d="m 190,165 h 31 v 121 h -31 z"/>     
   </g>
   <g>
     <path d="m 121,92 30,25 0.063,102 H 121 Z"/>     
   </g>
   <path d="m 290.063,94 -30,25 L 260,219 h 30.063 z"/>
   <path d="m 121,359 30,-25 0.063,-102 H 121 Z"/>
   <path d="m 290.063,359 -30,-25 L 260,232 h 30.063 z"/>
   <path d="m 199.5,418.5 v -120 h -31 v 84 h 13 v 36 z"/>
   <path d="m 211.5,418.5 v -120 h 31 v 84 h -13 v 36 z"/>
   <path d="M 102,170 65.5,225.5 102,281 Z"/>
   <path d="M 309,170 345.5,225.5 309,281 Z"/>
   <text><tspan x="30.5" y="68.5">diagonale</tspan><tspan x="30.5" y="83.9">avant gauche</tspan></text>
   <text x="22.25" y="199.5">gauche</text>
   <text x="189" y="21.5">avant</text>
   <text><tspan x="297.5" y="68.5">diagonale</tspan><tspan x="297.5" y="83.9">avant droite</tspan></text>
   <text x="344" y="199.5">droite</text>
   <text x="186.5" y="443">arrière</text>
   <text><tspan x="299" y="392">diagonale</tspan><tspan x="299" y="407.4">arrière droite</tspan></text>
   <text><tspan x="40.5" y="392">diagonale</tspan><tspan x="40.5" y="407.4">arrière gauche</tspan></text>
</svg>

CSS

g.avant {
  fill: red;
}