SVG Path คลาสพิเศษ

✨ Trda sql

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:grey;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
      background:red;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <circle r="20" stroke="gold" cx="50" cy="50" fill="transparent"/>
      <circle r="1" stroke="gold" cx="50" cy="50" fill="transparent"/>
    	<path d="M50,50 C50,10 50,50 70,50" stroke="gold"/>
      <path d="
M5,10 h14 v7 h-7 v-14 
L85 3 v14 h-7 v-7 h14 
L92 85 h-14 v-7 h7 v14
L12 92 v-14 h7 v7 h-14 z
               " 
            stroke-width="1"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="
M50, 20 L80 50 L50 80 L20 50 z
               " 
            stroke-width="2"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      
       <path d="
M0, 0 L100 0 L100 100 L0 100 z "
             stroke-width="3"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"/>
    </svg>
  </body>
</html>