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

✨ นายภูฟ้า รุจิภาสวัฒน์

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#f1f6ff;
        margin:1rem;
        text-align:center;
        font-family:sans-serif;
      }
      svg{
        background:#c00;
        box-shadow:0 0 20px #0002;
        width:80%;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <path d="
               M5,40 v-36 h12 v4 h-8 v12 h4 v-8 h8 v-8 h16
               M5,60 v36 h12 v-4 h-8 v-12 h4 v8 h8 v8 h16
               M95,40 v-36 h-12 v4 h8 v12 h-4 v-8 h-8 v-8 h-16
               M95,60 v36 h-12 v-4 h8 v-12 h-4 v8 h-8 v8 h-16
               
               " 
            stroke-width="1"
            stroke="#ffd"
            stroke-linecap="round"
            fill="#0000"
            />
      <circle r="30" fill="white" cx="50" cy="50"/>
      
      <path d="
               M47,20 v20 h-20 l13 -13 v7 h-3
               M53,20 v20 h20 l-13 -13 v7 h3
               M20,45 h27
               M53,45 h27
               M25,50 h50 v5 h-50 v-5
               M20,60 h27
               M53,60 h27
               M47,80 v-15 h-20 l13 10 v-7 h-4
               M53,80 v-15 h20 l-13 10 v-7 h4
               
               " 
            stroke-width="1.5"
            stroke="#c00"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="
               M1,1 v6 h6 v-6 h-6
               M99,1 v6 h-6 v-6 h6
               M1,99 v-6 h6 v6 h-6
               M99,99 v-6 h-6 v6 h6
               M35,1 h30
               M35,99 h30
               M1,35 v30
               M99,35 v30
               " 
            stroke-width="0.8"
            stroke="#ee0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
          	/>
    </svg>
  </body>
</html>