SVG Path คลาสพิเศษ – 63070129
✨ `YUSoSerious
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:black; box-shadow:0 0 20px #0002; width:80%; } </style> </head> <body> <svg viewBox="0 0 100 100"> <circle r="15" fill="yellow" cx="50" cy="50"/> <path d="M20,10 v100 v-200 " stroke-width="1" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M20,10 h100 h-200 " stroke-width="1" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M20,90 h100 h-200 " stroke-width="1" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M81,10 v100 v-200 " stroke-width="1" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M50,15 h5 v10 h10 v-10 h10 v10 h10 v10 h-10 v10 h10 v10 h-10 v10 h10 v10 h-10 v10 h-10 v-10 h-10 v10 h-10 v-10 h-10 v10 h-10 v-10 h-10 v-10 h10 v-10 h-10 v-10 h10 v-10 h-10 v-10 h10 v-10 h10 v10 h10 v-10 h5 " stroke-width="1" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M42,44 v5 " stroke-width="2" stroke="black" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M56,44 v5 " stroke-width="2" stroke="black" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M54,55 h-10 " stroke-width="2" stroke="black" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> </svg> </body> </html>