KirbyTheme(Ability
✨ นายปรัชญา ดอกบัว
<html> <head> <style> svg{ background:gray; } </style> </head> <body> <svg viewbox="0 0 200 200" style="fill:red;stroke:black;stroke-width:2;opacity:1" > <defs> <linearGradient id="eye" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:black;stop-opacity:1" /> <stop offset="100%" style="stop-color:blue;stop-opacity:1" /> </linearGradient> <linearGradient id="mounth" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:hsl(351, 73%, 35%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(351, 85%, 48%);stop-opacity:1" /> </linearGradient> <linearGradient id="hammer" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:hsl(0, 51%, 33%) ;stop-opacity:1" /> <stop offset="50%" style="stop-color:hsl(0, 60%, 23%) ;stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(0, 51%, 13%) ;stop-opacity:1" /> </linearGradient> <linearGradient id="foot" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:hsl(0, 100%, 59%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(0, 100%, 39%);stop-opacity:1" /> </linearGradient> <radialGradient id="body" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:hsl(351, 100%, 86%); stop-opacity:1" /> <stop offset="50%" style="stop-color:hsl(350, 100%, 91%); stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(351, 100%, 86%);stop-opacity:1" /> </radialGradient> <radialGradient id="cloth" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:white; stop-opacity:1" /> <stop offset="50%" style="stop-color:hsl(0, 0%, 80%); stop-opacity:1" /> <stop offset="100%" style="stop-color:white;stop-opacity:1" /> </radialGradient> </defs> <rect x="24" y="37" rx="2" ry="5" width="170" height="8" fill="url(#hammer)" transform-origin= "100 65" transform="rotate(130)" /> <rect x="90" y="20" rx="10" width="120" height="71" fill="url(#hammer)" transform="rotate(39.5)" transform-origin= "145 40" /> <rect x="73" y="23" width="76" height="8" style="fill:white;stroke:black;opacity:1" transform-origin= "110 29" transform="rotate(129)"/> <rect x="114" y="108.5" width="76" height="8" style="fill:white;stroke:black;opacity:1" transform-origin= "125 79" transform="rotate(-51)"/> <rect x="80" y="55" rx="2" ry="5" width="20" height="8" style="fill:hsl(186, 74%, 75%);stroke:black;opacity:1"transform-origin= "90 59" transform="rotate(50)" /> <rect x="100" y="55" rx="2" ry="5" width="20" height="8" style="fill:white;stroke:black;opacity:1"transform-origin= "110 59" transform="rotate(-40)"/> <ellipse cx="80" cy="140" rx="23" ry="10" fill="url(#foot)" /> <ellipse cx="75" cy="100" rx="30" ry="15" fill="url(#body)" transform-origin= "90 90" transform="rotate(40)"/> <ellipse cx="133" cy="100" rx="30" ry="15" fill="url(#body)" transform-origin= "110 100" transform="rotate(-30)"/> <circle cx="100" cy="100" r="40" fill="url(#body)" /> <ellipse cx="90" cy="85" rx="6" ry="11" fill="black" /> <ellipse cx="110" cy="85" rx="6" ry="11" fill="black" /> <ellipse cx="90" cy="80" rx="4" ry="5" fill="white" /> <ellipse cx="110" cy="80" rx="4" ry="5" fill="white" /> <path d="M84.2,85 a1,2 0 0,0 11.5,0" fill="url(#eye)" /> <path d="M104.2,85 a1,2 0 0,0 11.5,0" fill="url(#eye)" /> <path d="M93,110 a3,4 0 0,0 15,0" fill="url(#mounth)" /> <ellipse cx="65" cy="100" rx="11" ry="3" fill="url(#mounth)" /> <ellipse cx="137" cy="100" rx="11" ry="3" fill="url(#mounth)" /> <rect x="70" y="65" rx="2" ry="5" width="60" height="8" style="fill:hsl(186, 74%, 75%);stroke:blackopacity:1" /> <rect x="75" y="65" rx="2" ry="5" width="50" height="8" style="fill:white;stroke:black;opacity:1" /> <rect x="80" y="65" rx="2" ry="5" width="40" height="8" style="fill:hsl(186, 74%, 75%);stroke:black;opacity:1" /> <rect x="85" y="65" rx="2" ry="5" width="30" height="8" style="fill:white;stroke:black;opacity:1" /> <rect x="90" y="65" rx="2" ry="5" width="20" height="8" style="fill:hsl(186, 74%, 75%);stroke:black;opacity:1" /> <ellipse cx="125" cy="120" rx="14" ry="23" fill="url(#foot)" transform-origin= "120 130" transform="rotate(40)"/> <text x="10" y="170" fill="black" style="font-size:15;font-weight:normal;">ปรัชญา ดอกบัว 63070100</text> </svg> </body> </html> <!--<ellipse cx="90" cy="90" rx="1" ry="1" fill="black" /> เอาไว้หาจุดที่ต้องการ-->