<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.0" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
  <title>Komplexe Pfadsignaturen © svg.carto.net, Nicole Ueberschär + André M. Winter</title>
  <desc>  
    Mithilfe von zwei Rechtecken wird eine dreifarbige Linie dargestellt.
  </desc>
  <defs>
    <font>
      <font-face font-family="myFont" units-per-em="100" />
      <missing-glyph horiz-adv-x="100"/>
  <!-- DER HORIZONTALE VERSATZ horiz-adv-x MUSS ETWAS KLEINER ALS DIE EIGENTLICHE BREITE GEWÄHLT WERDEN, DAMIT AM RAND KEINE LÜCKEN ZU SEHEN SIND -->
      <glyph unicode="n" horiz-adv-x="8" >
        <rect id="myUpperRect" x="0" y="10" width="10" height="10" fill="blue" />
        <rect id="myLowerRect" x="0" y="-30" width="10" height="30" fill="red"/>
      </glyph>
    </font>
  </defs>
 
  <!-- GELBE GRUNDLINIE -->
  <path id="myPath" fill="none" stroke="yellow" stroke-width="12" d="M20,163.5c35,1,83-63,155-63s124,66,193,66s113.3-59,179.3-59"/>
 
  <!-- DER TEXT "n" WIRD AM VERHER DEFINIERTEN PFAD ORIENTIERT UND MIT DER SELBST DEFINIERTEN SCHRIFT DARGESTELLT -->
  <text font-family="myFont" font-size="20">
    <textPath xlink:href="#myPath" method="stretch">
      nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
    </textPath>
  </text>
 
</svg>