tools.cobbled-paths/static/db/jave/effect/funface.svg

<svg xmlns="http://www.w3.org/2000/svg" width="42.24" height="84.48" 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="42.24" height="84.48"></rect>
  <line x1="21.12" y1="10.56" x2="13.200001" y2="26.400002" class="solid end_marked_open_circle"></line>
  <path d="M 21.12,10.56 A 10.56,10.56 0,0,1 21.12,21.12" class="nofill"></path>
  <path d="M 10.56,21.12 A 10.56,10.56 0,0,0 10.56,31.68" class="nofill"></path>
  <text x="27.720001" y="29.04" >O</text>
  <path d="M 31.68,21.12 A 10.56,10.56 0,0,1 31.68,31.68" class="nofill"></path>
  <text x="6.6000004" y="50.160004" >|</text>
  <text x="33" y="50.160004" >|</text>
  <line x1="10.56" y1="52.800003" x2="5.28" y2="63.36" class="solid"></line>
  <text x="11.88" y="60.72" >,</text>
  <line x1="34.32" y1="52.800003" x2="34.32" y2="66" class="solid"></line>
  <line x1="0" y1="68.64" x2="5.28" y2="68.64" class="solid"></line>
  <text x="6.6000004" y="71.28001" >&#39;</text>
  <text x="27.720001" y="71.28001" >&#39;</text>
  <g>
    <path d="M 15.84,21.12 A 10.56,10.56 0,0,1 15.84,31.68" class="nofill"></path>
    <line x1="15.84" y1="31.68" x2="10.56" y2="42.24" class="solid"></line>
  </g>
  <g>
    <path d="M 26.400002,21.12 A 10.56,10.56 0,0,0 26.400002,31.68" class="nofill"></path>
    <line x1="26.400002" y1="31.68" x2="31.68" y2="42.24" class="solid"></line>
  </g>
  <g>
    <line x1="21.12" y1="31.68" x2="15.84" y2="42.24" class="solid"></line>
    <line x1="21.12" y1="31.68" x2="26.400002" y2="42.24" class="solid"></line>
    <path d="M 15.84,42.24 A 10.56,10.56 0,0,0 15.84,52.800003" class="nofill"></path>
    <line x1="15.84" y1="52.800003" x2="26.400002" y2="52.800003" class="solid"></line>
    <path d="M 26.400002,42.24 A 10.56,10.56 0,0,1 26.400002,52.800003" class="nofill"></path>
  </g>
  <g>
    <line x1="15.84" y1="58.08" x2="23.76" y2="58.08" class="solid"></line>
    <path d="M 23.76,58.08 A 5.28,5.28 0,0,1 29.04,63.36" class="nofill"></path>
  </g>
</svg>