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" /> <circle r="15" cx="50" cy="50" stroke="#FFB300" stroke-width="5" fill="#0000"/> <circle r="10" cx="50" cy="50" stroke="#FFFF00" stroke-width="1" fill="#0000"/> <circle r="5" cx="50" cy="50" stroke="#FFF176" stroke-width="3" fill="#FF3D00"/> </svg> </body> </html>