SVG Path คลาสพิเศษ (Branch 6355)
✨ th pvrs
<html> <head> <title>Let's Start </title> <style> body{ background:fff; margin:1em; font-family:sans-serif; } svg{ background:red; } </style> </head> <body> <svg viewBox="0 0 100 100"> <path /> <circle r="1" fill="red" cx="50" cy="50"/> <path d=" M50,5 h45 v90 h-90 v-90 h45 " stroke-width="2" stroke="#ff0" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d=" M50,10 h30 v6 h12 v4 h-4 v-10 h4 v4 h-10 v-4 h4 v12 h5 v56 h-5 v12 h-4 v-4 h10 v4 h-4 v-10 h4 v4 h-12 v6 h-60 v-6 h-12 v-4 h4 v10 h-4 v-4 h10 v4 h-4 v-12 h-5 v-56 h5 v-12 h4 v4 h-10 v-4 h4 v10 h-4 v-4 h12 v-6 h45" stroke-width="1" stroke="#ff0" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M22,50 l30,-30 l30,30 l-30,30 l-30,-30 " stroke-width="2" stroke="#FDD835" stroke-linecap="round" stroke-linejoin="round" fill="#0000" /> <path d="M45,40 h15 v20 h-15 z " stroke-width="2" stroke="#c62828" stroke-linecap="round" stroke-linejoin="round" fill="#c62828" /> <path d="M45,45 v3 l8,2 l7,-2 v-3 h-14 " stroke-width="2" stroke="#b71c1c" stroke-linecap="round" stroke-linejoin="round" fill="#b71c1c" /> <path d="M50,44 v5 l3,1 l3,-01 v-5.5 z " stroke-width="2" stroke="#ff0" stroke-linecap="round" stroke-linejoin="round" fill="#ff0" /> <line stroke="#b71c1c" x="45" y="45"/> </svg> </body> </html>