SVG Path คลาสพิเศษ (Branch 6357)
✨ pornpawee
<html> <head> <title>Let's Start </title> <style> body{ background:grey; margin:1em; font-family:sans-serif; } svg{ background:#720321 ; } </style> </head> <body> <svg viewBox="0 0 100 100"> <circle r="47" fill="#520D05 " cx="50" cy="50"/> <circle r="45" fill="white" cx="50" cy="50"/> <circle r="30" fill="red" cx="50" cy="50"/> <circle r="6" fill="#6D6206" cx="50" cy="47"/> <circle r="4" fill="gold" cx="50" cy="47"/> <path d=" M25,12 h18 v-6 h-4 v15 h-6 v-12 h-3 v28 h-9 v-12 h58 v11 h-9 v-27 h-3 v12 h-8 v-15 h4 v6 h-20 " stroke-width=2 stroke="#520D05 " stroke-linecap="round" stroke-linejoin="round" fill="#fff" /> <path d=" M5,50 h20 v-6 h-8 v3 h3 " stroke-width=2 stroke="#520D05 " stroke-linecap="round" stroke-linejoin="round" fill="#fff" /> <path d=" M96,50 h-20 v-6 h8 v3 h-2 " stroke-width=2 stroke="#520D05" stroke-linecap="round" stroke-linejoin="round" fill="#fff" /> <path d=" M25,88 h8 v-45 h-4 v5 h9 v9 h-9 v4 h41 v-4 h-9 v-9 h8 v-6 h-3 v46 h9 " stroke-width=2 stroke="#520D05" stroke-linecap="round" stroke-linejoin="round" fill="#fff" /> <path d=" M94,60 h-20 v27 h2 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-2 " stroke-width=.8 stroke="#520D05" stroke-linecap="round" stroke-linejoin="round" fill="#fff" /> <path d=" M6,60 h20 v27 h-2 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h4 v-2 h-4 v-2 h2 " stroke-width=.8 stroke="#520D05" stroke-linecap="round" stroke-linejoin="round" fill="#fff" /> <path d=" M40,67 h20 v19 h-20 v-15 h15 v11 h-10 v-7 h4 v3 " stroke-width=2 stroke="#520D05" stroke-linecap="round" stroke-linejoin="round" fill="#fff" /> </svg> </body> </html>