เเก้ฮะ
✨ Plolaploy
<html> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:white; box-shadow:0 0 20px #0001; width:80%; } } </style> <body> <svg viewBox="0 0 100 100"> <!-- สร้าง pattern --> <!-- part1 --> <rect x="0" y="0" width="50" height="50" fill="#8abad3"/> <path fill="#f0f6f9" stroke-width="1" stroke-linecap="round" stroke-linejoin="round="round d="m1 9 a15 59, 0, 0 1,13 -1 a12 5,0,0 1, 23 4 a12 2,0,0 1, -12 4 a0 0,0 ,0 0,-30 -1 a25 23,0 ,0 0, -20 -1 z"/> <circle class="sun" r="4" cx="25" cy="10" fill="red"/> <circle class="sun" r=".4" cx="23.5" cy="10"fill="#990f02"/> <circle class="sun" r=".4" cx="26.5" cy="10"fill="#990f02"/> <circle class="sun" r=".5" cx="19.85" cy="10"fill="#990f02"/> <circle class="sun" r=".7" cx="20.7" cy="13.3"fill="#990f02"/> <circle class="sun" r=".5" cx="23.5" cy="15"fill="#990f02"/> <circle class="sun" r=".7" cx="26.7" cy="14.75"fill="#990f02"/> <circle class="sun" r=".5" cx="29.5" cy="13"fill="#990f02"/> <circle class="sun" r=".7" cx="20.75" cy="7"fill="#990f02"/> <circle class="sun" r=".5" cx="23.5" cy="5.2"fill="#990f02"/> <circle class="sun" r=".7" cx="26.5" cy="5.3"fill="#990f02"/> <circle class="sun" r=".5" cx="29" cy="7"fill="#990f02"/> <circle class="sun" r=".7" cx="29.9" cy="10.4"fill="#990f02"/> <path fill="#32612d" stroke-width="1" stroke-linecap="round" stroke-linejoin="round="round d="m0 49.5 a15 59, 0, 0 1,19 -22.3 a22 30,0, 0 1 ,22 23 a2 4,0,0 1, 23 -0 z"/> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m12.5 40 a1 2,0,0 1,7 0"/> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m12.5 40 a1 2.5,0,0 0,7 0"/>/> <path fill="#ffc0cb" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m13.5 42 a1 1.5,0,0 1,5 0"/> <path fill="#ffc0cb" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m13.5 42 a1 1.5,0,0 0,5 0"/>/> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m12.5 30 a2.5 30, 0, 0 1,3 0 "/> <path fill="#ffc0cb" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m13 30 a2 30, 0, 0 1,2 0 "/> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m16.5 30 a2.5 30, 0, 0 1,3 0 "/> <path fill="#FFC0Cb" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m17 30.5 a2 30, 0, 0 1,2 0 "/> <circle r="4" cx="16" cy="32"fill="#FFFAFA" /> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m11 39 a2 30, 25, 0 1,2 0 "/> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m11 39 a2 30,25,0 0,2 0 "/> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m19 38 a2 30, -34, 0 1,2 0 "/> <path fill="#FFFAFA" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m19 38 a2 30,-25,0 0,2 0 "/> <circle r="3" cx="14" cy="49"fill="#FFFAFA" /> <circle r="3" cx="18" cy="49"fill="#FFFAFA" /> <circle r="2" cx="16" cy="33" fill="#ffc0cb"/> <circle r=".6" cx="16" cy="32" /> <path stroke-width=".2" stroke-linecap="round" stroke="black" d="M15 34 h2 "/> <circle r=".3" cx="13.5" cy="32" /> <circle r=".3" cx="18.5" cy="32" /> <!-- part2 --> <rect x="50" y="0" width="50" height="50" fill="#2a2a35"/> <circle r="4" cx="60" cy="15" fill="#f4f1c9"/> <path stroke-width="1" stroke-linecap="round" fill="#3b1e08" d="m98.5,44 h-1 v3 h-37 v-3"/> <circle r="5" cx=64 cy="14.5" fill="#2a2a35"/> <path fill="white" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" d=" M70,35 a1,1 0 0,0 20,0 v-3 a1,1 0 0,0-20,0 v3 " /> <ellipse cx="80" cy="34.5" rx="7.5" ry="9" fill="#c1c1c1" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/> <path stroke-width="1" stroke-linecap="round" fill="#3b1e08" d="m95.5,20 h5 v44 h-5"/> <ellipse cx="80" cy="28" rx="8" ry="5" fill="#c1c1c1" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/> <circle fill="#dcac4e" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" r="1.5" cx="75.5" cy="27.5"/> <circle fill="#dcac4e" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" r="1.5" cx="84.5" cy="27.5"/> <circle fill="red" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" r="0.5" cx="84.5" cy="27.5"/> <path/> <ellipse cx="86" cy="12.5" rx="8" ry="6" fill="#fffdff" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill="#b4b4b4" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" d=" M72,26 a2,3 0 0,0 0,19.5 v-21.5" /> <path fill="#b4b4b4" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" d=" M88,26 a2,3 0 1,1 0,19.5 v-21.5" /> <circle fill="red" stroke="#0000" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" r="0.5" cx="75.5" cy="27.5"/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m79,28 l1,2 l1,-2 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m81.5,11 h1"/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m82.5,11 l-1,2.5 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m81.5,14 h1"/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m85,11 h1 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m85,14 h1 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m86,11 l-1,2.5 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m88,11 h1 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m88,14 h1 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m89,11 l-1,2.5 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m91,11 h1 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m91,14 h1 "/> <path stroke="black" stroke-width="1" stroke-linecap="round" d="m92,11 l-1,2.5 "/> <circle r="1" cx=85 cy="21.5" fill="#fff"/> <circle r="1.5" cx=88 cy="20" fill="#fff"/> <!-- path3 --> <rect x="0" y="50" width="50" height="50" fill="#2d2951"/> <circle r="13" cx="25" cy="70" fill="#4c92b1"/> <circle r="7" cx="35" cy="79" fill="#f9cd57"/> <circle r="2" cx="39" cy="81" fill="#fbb117"/> <circle r="1" cx="35" cy="82" fill="#ffd801"/> <circle r="1" cx="37" cy="74" fill="#fbb917"/> <path fill="#0e88c7" stroke-width=".6" stroke-linecap="round" stroke-linejoin="round" d="m15 84 a1 1,0,0 1,20 0 " /> <path fill="#fff1" stroke="black" stroke-width=".6" stroke-linecap="round" stroke-linejoin="round" d="m4 89 a1 2,55,0 1,10 0 "/> <circle r="5" cx="9.0 " cy="89.5" fill="purple"/> <path fill="#FFF1" stroke="black" stroke-width=".6" stroke-linecap="round" stroke-linejoin="round" d="m4 89 a1 2,55,0 0,10 0 "/> <path fill="#FFF1" stroke="black" stroke-width=".6" stroke-linecap="round" stroke-linejoin="round" d="m12 74"/> <path fill="#0e88c7" stroke="#0e88c7" stroke-width="0.5" stroke-linecap="round" d="m21,84 L28,84 v1 l-7,0 "/> <path fill="lightgray" stroke="lightgray" stroke-width="0.5" stroke-linecap="round" d="m25 61 a100,50 0 0,0 -5,23 h10 a100,50 0 0,0 -5,-24"/> <path fill ="#e62517" stroke="#e62517" stroke-width="0.5" stroke-linecap="round" d="m27,59.6 q-3,0 -8,7 h12 q,-7 -8,-4"/> <circle r="4" cx="25" cy="73"fill="#FFFAFA" /> <circle r="3" cx="25" cy="73"fill="#000" /> <!--path4เเล้ว--> <rect x="50" y="50" width="50" height="50" fill="#b3daf1"/> <circle r="1" cx="51" cy="55" fill="#fffafa"/> <circle r="1" cx="65" cy="85" fill="#fffafa"/> <circle r="1" cx="55" cy="65" fill="#fffafa"/> <circle r="1" cx="55" cy="85" fill="#fffafa"/> <circle r="1" cx="80" cy="75" fill="#fffafa"/> <circle r="1" cx="65" cy="55" fill="#fffafa"/> <circle r="1" cx="86" cy="55" fill="#fffafa"/> <circle r="1" cx="96" cy="65" fill="#fffafa"/> <circle r="1" cx="60" cy="75" fill="#fffafa"/> <circle r="1" cx="73" cy="65" fill="#fffafa"/> <circle r=".6" cx="70" cy="51" fill="#fffafa"/> <circle r=".2" cx="89" cy="75" fill="#fffafa"/> <circle r=".5" cx="70" cy="51" fill="#fffafa"/> <circle r=".6" cx="91" cy="93" fill="#fffafa"/> <circle r=".7" cx="85" cy="90" fill="#fffafa"/> <circle r=".9" cx="95" cy="81" fill="#fffafa"/> <path fill="#FFFAFA" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m51 99.9 a1 1,0,0 1,37 0 "/> <path fill="#0e88c7" stroke="#000" stroke-width="0.3" stroke-linecap="round" d="m52,96 h35.5 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m72 99 a1 1,0,0 1,13 0 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m77 101 a1 1,0,0 1,13 0 "/> <path fill="blue" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m80 101 a1 1,0,0 1,8 0 "/> <path fill="#0e88c7" stroke="#000" stroke-width="0.3" stroke-linecap="round" d="m60,84 h19 "/> <path fill="#0e88c7" stroke="#000" stroke-width="0.3" stroke-linecap="round" d="m55,88 h29 "/> <path fill="#0e88c7" stroke="#000" stroke-width="0.3" stroke-linecap="round" d="m53,92 h33 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m54 99.9 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m66 99.9 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m70 96 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m60 96 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m84 95 v-3 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m79 92 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m64 92 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m56 92 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m59 88 v-3 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m69 88 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m76 88 v-4 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m65 84 v-2 "/> <path fill="#FFFAFA" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m73 84 v-2 "/> <path fill="#000" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m49 0 h2 v100 h-2 v-100 "/> <path fill="#000" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m0 49 h100 v2 h-100 v-2 "/> <path fill="#000" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m0 0 h100 v2 h-100 v-2 "/> <path fill="#000" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m0 0 h2 v100 h-2 v-100 "/> <path fill="#000" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m98 0 h2 v100 h-2 v-100 "/> <path fill="#FFFAA" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m84 90 a1 2,0,0 1,13 0 "/> <path fill="#FFFAF" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m84 89 a1 4,0,0 0,13 0 "/> <circle r="5" cx="89" cy="74"fill="#000" /> <path fill="#FFFAFA" stroke="black" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d=" 90 v13 z"/> <ellipse cx="90.5" cy="94" rx="5" ry="16" fill="white"/> <circle r="3.7" cx="89.2" cy="74.9" fill="white"/> <path fill="#000" stroke="black" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" d="m0 98.5 h100 v2 h-100 v-2 "/> <path fill="#FFdb58" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m86 99 a1 1,0,0 ,13 0 "/> <path fill="#Ffdb58" stroke-linecap="round" stroke-linejoin="round" d="m93 99 a1 1,0,0 ,13 0 "/> <path fill="#Fdd017" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" d="m88 76 a1 1.5,0,0 0,3 0 "/> <circle r=".5" cx="91" cy="74" fill=""/> <circle r=".5" cx="88" cy="74" fill=""/> </svg> </body> </html>