SVG Path คลาสพิเศษ (Branch 6846)
✨ นางสาวสุพิชญา ทําสุนา
<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,40 l-5,5 " stroke-width="3" stroke="#fc0" stroke-linecap="round" stroke-linejoin="round" fill="#0000"/> <path d="M43,50 h10 h-5 v-7 v16 v-10 l-6 8 l6 -8 l6 8" stroke-width="3" stroke="#fc0" stroke-linecap="round" stroke-linejoin="round" fill="#0000"/> <path d="M60,45 v5" stroke-width="3" stroke="#fc0" stroke-linecap="round" stroke-linejoin="round" fill="#0000"/> <path d="M65,40 v20 l-3 -6" stroke-width="3" stroke="#fc0" stroke-linecap="round" stroke-linejoin="round" fill="#0000"/> <path d="M50,5 h35 v5 h5 v5 h5 v70 h-5 v5 h-5 v5 h-70 v-5 h-5 v-5 h-5 v-70 h5 v-5 h5 v-5 h35 " stroke-width="3" stroke="#fc0" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M50,10 h30 v5 h5 v5 h5 v60 h-5 v5 h-5 v5 h-60 v-5 h-5 v-5 h-5 v-60 h5 v-5 h5 v-5 h30 " stroke-width="1" stroke="#fc0" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M50,10 h30 v15 h-5 v-5 h15 v30 v30 h-15 v-5 h5 v15 h-30 h-30 v-15 h5 v5 h-15 v-30 v-30 h15 v5 h-5 v-15 h30 " stroke-width="1" stroke="#fc0" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M20,50 v-20 h60 v40 h-60 v-20 " stroke-width="2" stroke="#fc0a" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> </svg> </body> </html>