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

✨ นางสาวสุพิชญา ทําสุนา

<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="M50,40 l-5,5 " 
            stroke-width="3"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"/>
      <path d="M43,50 h10 h-5 v-7 v16 v-10 l-6 8 l6 -8 l6 8" 
            stroke-width="3"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"/>
      <path d="M60,45 v5" 
            stroke-width="3"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"/>
      <path d="M65,40 v20 l-3 -6" 
            stroke-width="3"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"/>
      <path d="M50,5 
               h35 v5 h5 v5 h5
               v70 h-5 v5 h-5 v5
               h-70 v-5 h-5 v-5 h-5
               v-70 h5 v-5 h5 v-5 h35
               " 
            stroke-width="3"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M50,10 
               h30 v5 h5 v5 h5
               v60 h-5 v5 h-5 v5
               h-60 v-5 h-5 v-5 h-5
               v-60 h5 v-5 h5 v-5 h30
               " 
            stroke-width="1"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M50,10 
               h30 v15 h-5 v-5 h15 v30 
               v30 h-15 v-5 h5 v15 h-30
               h-30 v-15 h5 v5 h-15 v-30
               v-30 h15 v5 h-5 v-15 h30
               " 
            stroke-width="1"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M20,50 
               v-20 h60 v40 h-60 v-20
               " 
            stroke-width="2"
            stroke="#fc0a"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
    </svg>
  </body>
</html>