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

✨ นางสาวจุฑามาศ ชนาฐิติกุล

<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">
		   <path d="
					M50,5 
               l45, 45
               l-45, 45
              	l-45, -45
               l45, -45
               z
               " 
            stroke-width="1"
            stroke="yellow"
            fill="#D84315"
            />
      <path d="
					M60,25 
               h30 v-10 h-10 v70 h10 v-10 h-50
               h-30 v10 h10 v-70 h-10 v10 h50
               " 
            stroke-width="0.5"
            stroke="yellow"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      
      <path d="
					M65,30 
               h30 v-10 h-10 v70 h10 v-10 h-50
               h-30 v10 h10 v-70 h-10 v10 h50
               " 
            stroke-width="1.5"
            stroke="yellow"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="
					M55,20 
               h30 v-10 h-10 v70 h10 v-10 h-50
               h-30 v10 h10 v-70 h-10 v10 h50
               " 
            stroke-width="1.5"
            stroke="yellow"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />

</svg>
  </body>
</html>