tools.cobbled-paths/iceberg/out.svg

<svg xmlns="http://www.w3.org/2000/svg" width="408" height="128" class="svgbob">
  <style>.svgbob line, .svgbob path, .svgbob circle, .svgbob rect, .svgbob polygon {
  stroke: black;
  stroke-width: 2;
  stroke-opacity: 1;
  fill-opacity: 1;
  stroke-linecap: round;
  stroke-linejoin: miter;
}

.svgbob text {
  white-space: pre;
  fill: black;
  font-family: Iosevka Fixed, monospace;
  font-size: 14px;
}

.svgbob rect.backdrop {
  stroke: none;
  fill: white;
}

.svgbob .broken {
  stroke-dasharray: 8;
}

.svgbob .filled {
  fill: black;
}

.svgbob .bg_filled {
  fill: white;
  stroke-width: 1;
}

.svgbob .nofill {
  fill: white;
}

.svgbob .end_marked_arrow {
  marker-end: url(#arrow);
}

.svgbob .start_marked_arrow {
  marker-start: url(#arrow);
}

.svgbob .end_marked_diamond {
  marker-end: url(#diamond);
}

.svgbob .start_marked_diamond {
  marker-start: url(#diamond);
}

.svgbob .end_marked_circle {
  marker-end: url(#circle);
}

.svgbob .start_marked_circle {
  marker-start: url(#circle);
}

.svgbob .end_marked_open_circle {
  marker-end: url(#open_circle);
}

.svgbob .start_marked_open_circle {
  marker-start: url(#open_circle);
}

.svgbob .end_marked_big_open_circle {
  marker-end: url(#big_open_circle);
}

.svgbob .start_marked_big_open_circle {
  marker-start: url(#big_open_circle);
}

</style>
  <defs>
    <marker id="arrow" viewBox="-2 -2 8 8" refX="4" refY="2" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <polygon points="0,0 0,4 4,2 0,0"></polygon>
    </marker>
    <marker id="diamond" viewBox="-2 -2 8 8" refX="4" refY="2" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <polygon points="0,2 2,0 4,2 2,4 0,2"></polygon>
    </marker>
    <marker id="circle" viewBox="0 0 8 8" refX="4" refY="4" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <circle cx="4" cy="4" r="2" class="filled"></circle>
    </marker>
    <marker id="open_circle" viewBox="0 0 8 8" refX="4" refY="4" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <circle cx="4" cy="4" r="2" class="bg_filled"></circle>
    </marker>
    <marker id="big_open_circle" viewBox="0 0 8 8" refX="4" refY="4" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <circle cx="4" cy="4" r="3" class="bg_filled"></circle>
    </marker>
  </defs>
  <rect class="backdrop" x="0" y="0" width="408" height="128"></rect>
  <line x1="8" y1="16" x2="0" y2="32" class="solid"></line>
  <line x1="104" y1="48" x2="128" y2="48" class="solid"></line>
  <line x1="316" y1="44" x2="316" y2="40" class="solid end_marked_open_circle"></line>
  <line x1="368" y1="48" x2="392" y2="48" class="solid"></line>
  <g>
    <line x1="12" y1="16" x2="60" y2="16" class="solid"></line>
    <line x1="12" y1="16" x2="12" y2="80" class="solid"></line>
    <line x1="36" y1="16" x2="36" y2="80" class="solid"></line>
    <line x1="60" y1="16" x2="60" y2="80" class="solid"></line>
    <line x1="84" y1="48" x2="96" y2="48" class="solid"></line>
    <line x1="84" y1="48" x2="84" y2="56" class="solid"></line>
    <line x1="84" y1="56" x2="72" y2="80" class="solid"></line>
    <line x1="96" y1="48" x2="88" y2="64" class="solid"></line>
    <line x1="60" y1="80" x2="72" y2="80" class="solid"></line>
  </g>
  <g>
    <path d="M 208,16 A 16,16 0,0,0 208,32" class="nofill"></path>
    <path d="M 208,16 A 16,16 0,0,1 208,32" class="nofill"></path>
    <line x1="208" y1="32" x2="184" y2="80" class="solid"></line>
    <line x1="208" y1="32" x2="232" y2="80" class="solid"></line>
    <line x1="272" y1="48" x2="292" y2="48" class="solid"></line>
    <line x1="272" y1="48" x2="256" y2="80" class="solid"></line>
    <line x1="292" y1="48" x2="292" y2="80" class="solid"></line>
    <line x1="232" y1="80" x2="256" y2="80" class="solid"></line>
    <line x1="316" y1="48" x2="316" y2="56" class="solid"></line>
    <line x1="316" y1="56" x2="304" y2="80" class="solid"></line>
    <line x1="292" y1="80" x2="304" y2="80" class="solid"></line>
  </g>
  <g>
    <line x1="116" y1="32" x2="116" y2="56" class="solid"></line>
    <line x1="116" y1="56" x2="104" y2="80" class="solid"></line>
    <line x1="84" y1="80" x2="104" y2="80" class="solid"></line>
  </g>
  <g>
    <line x1="144" y1="48" x2="164" y2="48" class="solid"></line>
    <line x1="144" y1="48" x2="128" y2="80" class="solid"></line>
    <line x1="164" y1="48" x2="164" y2="56" class="solid"></line>
    <line x1="164" y1="56" x2="152" y2="80" class="solid"></line>
    <line x1="136" y1="64" x2="144" y2="80" class="solid"></line>
    <line x1="144" y1="80" x2="152" y2="80" class="solid"></line>
    <line x1="116" y1="64" x2="116" y2="80" class="solid"></line>
    <line x1="116" y1="80" x2="128" y2="80" class="solid"></line>
  </g>
  <g>
    <line x1="232" y1="48" x2="248" y2="48" class="solid"></line>
    <line x1="232" y1="48" x2="216" y2="80" class="solid"></line>
    <path d="M 200,64 A 16,16 0,0,0 200,80" class="nofill"></path>
    <line x1="200" y1="80" x2="216" y2="80" class="solid"></line>
  </g>
  <g>
    <line x1="352" y1="48" x2="360" y2="48" class="solid"></line>
    <line x1="352" y1="48" x2="344" y2="64" class="solid"></line>
    <line x1="360" y1="48" x2="368" y2="64" class="solid"></line>
    <line x1="380" y1="32" x2="380" y2="80" class="solid"></line>
    <line x1="368" y1="64" x2="380" y2="64" class="solid"></line>
    <line x1="380" y1="80" x2="392" y2="80" class="solid"></line>
    <line x1="400" y1="64" x2="392" y2="80" class="solid"></line>
    <line x1="340" y1="80" x2="360" y2="80" class="solid"></line>
    <line x1="368" y1="64" x2="360" y2="80" class="solid"></line>
    <line x1="340" y1="80" x2="340" y2="112" class="solid"></line>
  </g>
  <g>
    <line x1="340" y1="48" x2="340" y2="56" class="solid"></line>
    <line x1="340" y1="56" x2="328" y2="80" class="solid"></line>
    <line x1="316" y1="64" x2="316" y2="80" class="solid"></line>
    <line x1="316" y1="80" x2="328" y2="80" class="solid"></line>
  </g>
  <g>
    <line x1="164" y1="64" x2="164" y2="80" class="solid"></line>
    <line x1="164" y1="80" x2="176" y2="80" class="solid"></line>
    <line x1="184" y1="64" x2="176" y2="80" class="solid"></line>
  </g>
  <g>
    <line x1="340" y1="64" x2="340" y2="72" class="solid"></line>
    <line x1="340" y1="72" x2="328" y2="96" class="solid"></line>
    <line x1="328" y1="96" x2="336" y2="112" class="solid"></line>
  </g>
</svg>