Path Code Maven logo

<svg viewBox="0 0 290 290" xmlns="http://www.w3.org/2000/svg">
    <rect width="100%" height="100%" fill="#1a1a1a"/>
    <path d="M 100 100 L 50 150 L 100 200"
          stroke="#00aaff"
          stroke-width="10"
          fill="none"
          stroke-linecap="square"
          stroke-linejoin="miter"/>

    <text x="110" y="170"
          text-anchor="middle"
          font-family="monospace"
          font-size="60"
          fill="#808080">%</text>

    <path d="M 120 100 L 170 135 L 150 150 L 170 165 L 120 200"
          stroke="#00aaff"
          stroke-width="10"
          fill="none"
          stroke-linecap="round"
          stroke-linejoin="round"/>

</svg>

• stroke-linejoin
  • miter
  • round
  • bevel
• stroke-linecap
  • butt
  • round
  • square