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

✨ นางสาวนิดา คงรุ่งเรือง

<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,5 
              	h38 v10 h4 v-10 h4 v4 h-15 v4 h15
					v74 h-15 v4 h15 v4 h-4 v-10 h-4 v10 h-74
					v-10 h-4 v10 h-4 v-4 h15 v-4 h-15 v-74
					h15 v-4 h-15 v-4 h4 v10 h4 v-10 h40
               " 
            stroke-width="1.3"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M20,50 
               l30,-30
               l30,30
               l-30,30
               l-30,-30
               " 
            stroke-width="2"
            stroke="#fc0e"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
		<circle cx="50" cy="50" r="6" stroke="#fc06" stroke-width="1" fill="red" />-->

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