SVG Path คลาสพิเศษ (Branch 6355)

✨ th pvrs

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:fff;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
      background:red;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <path />
      <circle r="1" fill="red" cx="50" cy="50"/>
      <path d="
M50,5 h45 v90 h-90 v-90 h45
               " 
            stroke-width="2"
            stroke="#ff0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="
M50,10 h30 v6 h12 v4 h-4 v-10 h4
v4 h-10 v-4 h4 v12 h5 v56 
               h-5 v12 h-4 v-4 h10 v4 h-4 v-10 h4 v4 h-12 v6 h-60
               v-6 h-12 v-4 h4 v10 h-4 v-4 h10 v4 h-4 v-12 h-5 v-56
               h5 v-12 h4 v4 h-10 v-4 h4 v10 h-4 v-4 h12 v-6 h45"
            
            stroke-width="1"
            stroke="#ff0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M22,50 
               l30,-30
               l30,30
               l-30,30
               l-30,-30
               " 
            stroke-width="2"
            stroke="#FDD835"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M45,40 h15 v20 h-15 z
               " 
            stroke-width="2"
            stroke="#c62828"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#c62828"
            />
      <path d="M45,45 v3 l8,2 l7,-2 v-3 h-14
               " 
            stroke-width="2"
            stroke="#b71c1c"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#b71c1c"
            />
      <path d="M50,44 v5 l3,1 l3,-01 v-5.5 z
               " 
            stroke-width="2"
            stroke="#ff0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#ff0"
            />
      <line stroke="#b71c1c" x="45" y="45"/>
    </svg>
  </body>
</html>