SVG Path คลาสพิเศษ – 63070129

✨ `YUSoSerious

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#f1f6ff;
        margin:1rem;
        text-align:center;
        font-family:sans-serif;
      }
      svg{
        background:black;
        box-shadow:0 0 20px #0002;
        width:80%;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <circle r="15" fill="yellow" cx="50" cy="50"/>
      <path d="M20,10 
               v100 v-200
               " 
            stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
      <path d="M20,10 
               h100 h-200
               " 
            stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
      <path d="M20,90 
               h100 h-200
               " 
            stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
      <path d="M81,10 
               v100 v-200
               " 
            stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
      <path d="M50,15 
               h5 v10 h10 v-10
               h10 v10 h10 v10
               h-10 v10 h10 v10
               h-10 v10 h10 v10
               h-10 v10 h-10 v-10
               h-10 v10 h-10 v-10
               h-10 v10 h-10 v-10
               h-10 v-10 h10 v-10
               h-10 v-10 h10 v-10
               h-10 v-10 h10 v-10
               h10 v10 h10 v-10 h5
               " 
            stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
       <path d="M42,44 
               v5
               " 
            stroke-width="2"
            stroke="black"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
      <path d="M56,44 
               v5
               " 
            stroke-width="2"
            stroke="black"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
      <path d="M54,55 
               h-10
               " 
            stroke-width="2"
            stroke="black"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
     
            />
    </svg>
  </body>
</html>