examples/line-decorations.svg

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='121' width='752' font-family='Menlo,Lucida Console,monospace'>
<style type="text/css">
svg {
   color: #000000;
}
@media (prefers-color-scheme: dark) {
   svg {
      color: #FFFFFF;
   }
}
</style>
<g transform='translate(8,16)'>
<path d='M 616,0 L 720,0' fill='none' stroke='currentColor'></path>
<path d='M 24,16 L 56,16' fill='none' stroke='currentColor'></path>
<path d='M 56,16 L 72,16' fill='none' stroke='currentColor'></path>
<path d='M 632,16 L 704,16' fill='none' stroke='currentColor'></path>
<path d='M 136,32 L 152,32' fill='none' stroke='currentColor'></path>
<path d='M 184,32 L 192,32' fill='none' stroke='currentColor'></path>
<path d='M 192,32 L 200,32' fill='none' stroke='currentColor'></path>
<path d='M 640,32 L 688,32' fill='none' stroke='currentColor'></path>
<path d='M 104,48 L 144,48' fill='none' stroke='currentColor'></path>
<path d='M 208,48 L 240,48' fill='none' stroke='currentColor'></path>
<path d='M 240,48 L 272,48' fill='none' stroke='currentColor'></path>
<path d='M 296,48 L 320,48' fill='none' stroke='currentColor'></path>
<path d='M 336,48 L 360,48' fill='none' stroke='currentColor'></path>
<path d='M 456,48 L 472,48' fill='none' stroke='currentColor'></path>
<path d='M 488,48 L 506,48' fill='none' stroke='currentColor'></path>
<path d='M 518,48 L 552,48' fill='none' stroke='currentColor'></path>
<path d='M 24,64 L 40,64' fill='none' stroke='currentColor'></path>
<path d='M 632,64 L 688,64' fill='none' stroke='currentColor'></path>
<path d='M 160,80 L 208,80' fill='none' stroke='currentColor'></path>
<path d='M 296,80 L 344,80' fill='none' stroke='currentColor'></path>
<path d='M 384,80 L 424,80' fill='none' stroke='currentColor'></path>
<path d='M 616,80 L 704,80' fill='none' stroke='currentColor'></path>
<path d='M 600,96 L 720,96' fill='none' stroke='currentColor'></path>
<path d='M 120,8 L 192,8' fill='none' stroke='currentColor'></path>
<path d='M 456,88 L 480,88' fill='none' stroke='currentColor'></path>
<path d='M 56,16 L 56,48' fill='none' stroke='currentColor'></path>
<path d='M 192,16 L 192,32' fill='none' stroke='currentColor'></path>
<path d='M 208,48 L 208,80' fill='none' stroke='currentColor'></path>
<path d='M 240,22 L 240,32' fill='none' stroke='currentColor'></path>
<path d='M 240,64 L 240,74' fill='none' stroke='currentColor'></path>
<path d='M 272,22 L 272,48' fill='none' stroke='currentColor'></path>
<path d='M 288,72 L 288,88' fill='none' stroke='currentColor'></path>
<path d='M 328,16 L 328,32' fill='none' stroke='currentColor'></path>
<path d='M 352,72 L 352,88' fill='none' stroke='currentColor'></path>
<path d='M 384,64 L 384,80' fill='none' stroke='currentColor'></path>
<path d='M 456,48 L 456,80' fill='none' stroke='currentColor'></path>
<path d='M 480,64 L 480,80' fill='none' stroke='currentColor'></path>
<path d='M 600,16 L 600,64' fill='none' stroke='currentColor'></path>
<path d='M 616,32 L 616,48' fill='none' stroke='currentColor'></path>
<path d='M 720,32 L 720,64' fill='none' stroke='currentColor'></path>
<path d='M 736,16 L 736,80' fill='none' stroke='currentColor'></path>
<path d='M 80,96 L 96,64' fill='none' stroke='currentColor'></path>
<path d='M 384,64 L 408,16' fill='none' stroke='currentColor'></path>
<path d='M 552,48 L 576,0' fill='none' stroke='currentColor'></path>
<path d='M 72,64 L 88,96' fill='none' stroke='currentColor'></path>
<path d='M 488,0 L 509,43' fill='none' stroke='currentColor'></path>
<path d='M 515,53 L 528,80' fill='none' stroke='currentColor'></path>
<path d='M 120,8 L 120,16' fill='none' stroke='currentColor'></path>
<path d='M 192,8 L 192,16' fill='none' stroke='currentColor'></path>
<path d='M 456,80 L 456,88' fill='none' stroke='currentColor'></path>
<path d='M 480,80 L 480,88' fill='none' stroke='currentColor'></path>
<polygon points='32.000000,64.000000 20.000000,58.400002 20.000000,69.599998' fill='currentColor' transform='rotate(180.000000, 24.000000, 64.000000)'></polygon>
<polygon points='84.000000,64.000000 72.000000,58.400002 72.000000,69.599998' fill='currentColor' transform='rotate(240.000000, 72.000000, 64.000000)'></polygon>
<path d='M 96,64 L 104,48' fill='none' stroke='currentColor'></path>
<polygon points='114.000000,64.000000 102.000000,58.400002 102.000000,69.599998' fill='currentColor' transform='rotate(300.000000, 96.000000, 64.000000)'></polygon>
<polygon points='152.000000,48.000000 140.000000,42.400002 140.000000,53.599998' fill='currentColor' transform='rotate(0.000000, 144.000000, 48.000000)'></polygon>
<polygon points='304.000000,80.000000 292.000000,74.400002 292.000000,85.599998' fill='currentColor' transform='rotate(180.000000, 296.000000, 80.000000)'></polygon>
<polygon points='320.000000,48.000000 308.000000,42.400002 308.000000,53.599998' fill='currentColor' transform='rotate(0.000000, 320.000000, 48.000000)'></polygon>
<polygon points='336.000000,32.000000 324.000000,26.400000 324.000000,37.599998' fill='currentColor' transform='rotate(90.000000, 328.000000, 32.000000)'></polygon>
<polygon points='336.000000,48.000000 324.000000,42.400002 324.000000,53.599998' fill='currentColor' transform='rotate(180.000000, 336.000000, 48.000000)'></polygon>
<polygon points='352.000000,80.000000 340.000000,74.400002 340.000000,85.599998' fill='currentColor' transform='rotate(0.000000, 344.000000, 80.000000)'></polygon>
<polygon points='420.000000,16.000000 408.000000,10.400000 408.000000,21.600000' fill='currentColor' transform='rotate(300.000000, 408.000000, 16.000000)'></polygon>
<polygon points='472.000000,48.000000 460.000000,42.400002 460.000000,53.599998' fill='currentColor' transform='rotate(0.000000, 472.000000, 48.000000)'></polygon>
<polygon points='488.000000,64.000000 476.000000,58.400002 476.000000,69.599998' fill='currentColor' transform='rotate(270.000000, 480.000000, 64.000000)'></polygon>
<polygon points='488.000000,48.000000 476.000000,42.400002 476.000000,53.599998' fill='currentColor' transform='rotate(180.000000, 488.000000, 48.000000)'></polygon>
<polygon points='540.000000,80.000000 528.000000,74.400002 528.000000,85.599998' fill='currentColor' transform='rotate(60.000000, 528.000000, 80.000000)'></polygon>
<polygon points='648.000000,32.000000 636.000000,26.400000 636.000000,37.599998' fill='currentColor' transform='rotate(180.000000, 640.000000, 32.000000)'></polygon>
<path d='M 616,0 A 16,16 0 0,0 600,16' fill='none' stroke='currentColor'></path>
<path d='M 720,0 A 16,16 0 0,1 736,16' fill='none' stroke='currentColor'></path>
<path d='M 72,16 A 16,16 0 0,1 88,32' fill='none' stroke='currentColor'></path>
<path d='M 632,16 A 16,16 0 0,0 616,32' fill='none' stroke='currentColor'></path>
<path d='M 704,16 A 16,16 0 0,1 720,32' fill='none' stroke='currentColor'></path>
<path d='M 120,16 A 16,16 0 0,0 136,32' fill='none' stroke='currentColor'></path>
<path d='M 688,32 A 16,16 0 0,1 704,48' fill='none' stroke='currentColor'></path>
<path d='M 88,32 A 16,16 0 0,0 104,48' fill='none' stroke='currentColor'></path>
<path d='M 456,48 A 16,16 0 0,0 440,64' fill='none' stroke='currentColor'></path>
<path d='M 56,48 A 16,16 0 0,1 40,64' fill='none' stroke='currentColor'></path>
<path d='M 616,48 A 16,16 0 0,0 632,64' fill='none' stroke='currentColor'></path>
<path d='M 704,48 A 16,16 0 0,1 688,64' fill='none' stroke='currentColor'></path>
<path d='M 440,64 A 16,16 0 0,1 424,80' fill='none' stroke='currentColor'></path>
<path d='M 600,64 A 16,16 0 0,0 616,80' fill='none' stroke='currentColor'></path>
<path d='M 720,64 A 16,16 0 0,1 704,80' fill='none' stroke='currentColor'></path>
<path d='M 736,80 A 16,16 0 0,1 720,96' fill='none' stroke='currentColor'></path>
<circle cx='24' cy='16' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='152' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='160' cy='80' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='240' cy='16' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='240' cy='80' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='272' cy='16' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='328' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='416' cy='0' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='480' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='488' cy='0' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='512' cy='48' r='6' stroke='currentColor' fill='none'></circle>
<circle cx='576' cy='0' r='6' stroke='currentColor' fill='currentColor'></circle>
<circle cx='600' cy='96' r='6' stroke='currentColor' fill='currentColor'></circle>
<path d='M 240,32 L 240,40' fill='none' stroke='currentColor'></path>
<path d='M 240,56 L 240,64' fill='none' stroke='currentColor'></path>
<path d='M 240,40 A 9,9 0 0,0 240,56' fill='none' stroke='currentColor'></path>
<style>
  text {
       text-anchor: middle;
       font-family: "Menlo","Lucida Console","monospace";
       fill: currentColor;
       font-size: 1em;
  }
</style>
</g>
</svg>