SVG Path คลาสพิเศษ (Branch 6375) – CODEBOX

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

✨ CHANAPON CHUENCHUWIT

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:grey;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
      background:#c00;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 100">
      <circle r="5" fill="#fc0" cx="50" cy="50"/>

<path d="M5,5 
               h90 v90
               h-90 v-90
               " 
            stroke-width="2"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      
      	<path d="M50,15 
               h35 v-3 h-3 v3 h10 v-7 h-7 v10 h3 v-3 h-3 v35
              	v35 h3 v-3 h-3 v10 h7 v-7 h-10 v3 h3 v-3 h-35
               h-35 v3 h3 v-3 h-10 v7 h7 v-10 h-3 v3 h3 v-35
					v-35 h-3 v3 h3 v-10 h-7 v7 h10 v-3 h-3 v3 h35              
               " 
            stroke-width="1"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      
      <path d="M25,25 
               h50 v50
               h-50 v-50
               " 
            stroke-width="2"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M25,75 
               l25,-50
               l25, 50
               " 
            stroke-width="1"
            stroke="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />
      <path d="M25,25 
               l25,50
               l25,-50
               " 
            stroke-width="1"
            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="#fc0"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000"
            />

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