SVG Isometric Grid (Branch 2324) (Copy 7887)
✨ นายภูฟ้า รุจิภาสวัฒน์
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:#e4f5f7; box-shadow:0 0 20px #0002; width:100%; } #ปีก{ transform: rotate(-30deg); } </style> </head> <body> <svg viewBox="0 0 200 200"> <defs> <pattern id="isometric" width="10" height="5" viewBox="0 0 10 5" patternUnits="userSpaceOnUse" x="0" y="0" > <g stroke="#0004" stroke-dasharray="2 1" stroke-width=".25"> <path d="m0,0 v100"/> <path d="m10,0 v100"/> </g> <path d="m5,0 v100" stroke-width=".25" stroke="#0004" stroke-dasharray=".5"/> <g stroke-width=".25" stroke="#0004"> <path d="m0,0 l10,5"/> <path d="m10,0 l-10,5"/> </g> </pattern> </defs> <!-- l-40 20 l-10 5 l40 -20 l-40 20code here --> <!-- <rect fill="url(#isometric)" width="1000" height="1000"/> --> <!-- พื้นนหลัง --> <linearGradient id="e" x1="3" y1="100" x2="10" y2="-20" gradientUnits="userSpaceOnUse"> <stop stop-color="#a6dfed" offset="0" /> <stop stop-color="#54a1c7" offset="1" /> </linearGradient> <linearGradient id="a" x1="-80" y1="100" x2="-5" y2="-1" gradientUnits="userSpaceOnUse"> <stop stop-color="hsl(90, 50%, 33%)" offset="0" /> <stop stop-color="hsl(90, 50%, 40%)" offset="1" /> </linearGradient> <!-- สีพื้นหลัง --> <pattern id="ฟ้า" viewBox="0 0 3 3" patternUnits="userSpaceOnUse" x="0" y="0" width="40" height="40" > <rect width="300" height="80" x="-2.6" fill="url(#e)" /> <circle cx="1.5" cy="1.5" fill="#97d6e6" r="0.5"/> <circle cx="1.5" cy="0.9" fill="#97d6e6" r="0.5"/> <circle cx="0.8" cy="1.2" fill="#97d6e6" r="0.5"/> <circle cx="2.1" cy="1.2" fill="#97d6e6" r="0.5"/> <ellipse cx="2" cy="0.9" rx="0.2" ry="0.09" fill="#c0e4ed"/> <ellipse cx="0.8" cy="1.5" rx="0.2" ry="0.09" fill="#c0e4ed"/> </pattern> <rect width="300" height="70" x="-2.6" fill="url(#ฟ้า)" /> <rect width="300" height="280" x="-2.6"y="67"fill="url(#a)" /> <circle cx="176" cy="15" fill="#ebb331" r="10"/> <ellipse cx="182" cy="15" rx="1" ry="4" fill="#f5c75d"/> <ellipse cx="176" cy="0" rx="1" ry="3.5" fill="#dba21d"/> <ellipse cx="160" cy="15" rx="3.5" ry="1" fill="#dba21d"/> <ellipse cx="191" cy="15" rx="3.5" ry="1" fill="#dba21d"/> <ellipse cx="176" cy="30" rx="1" ry="3.5" fill="#dba21d"/> <g transform="translate(-30 -110 )"> <g transform="translate(150 118)"> <!-- เสา1 --> <rect width="6" height="2" x="70" y="54" fill="#282828" /> <rect width="6" height="2" x="70" y="58" fill="#282828" /> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 z"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(140 118)"> <rect width="6" height="2" x="70" y="54" fill="#282828" /> <rect width="6" height="2" x="70" y="58" fill="#282828" /> <!-- เสา1 --> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(130 118)"> <!-- เสา1 --> <rect width="6" height="2" x="70" y="54" fill="#282828" /> <rect width="6" height="2" x="70" y="58" fill="#282828" /> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(19 118)"> <!-- เสา1 --> <rect width="6" height="2" x="70" y="54" fill="#282828" /> <rect width="6" height="2" x="70" y="58" fill="#282828" /> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-17 118)"> <!-- เสา1 --> <rect width="6" height="2" x="70" y="54" fill="#282828" /> <rect width="6" height="2" x="70" y="58" fill="#282828" /> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-27 118)"> <!-- เสา1 --> <rect width="6" height="2" x="70" y="54" fill="#282828" /> <rect width="6" height="2" x="70" y="58" fill="#282828" /> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-37 118)"> <!-- เสา1 --> <rect width="6" height="2" x="70" y="54" fill="#282828" /> <rect width="6" height="2" x="70" y="58" fill="#282828" /> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-47 118)"> <!-- เสา1 --> <path stroke="#f000" stroke-width="1" fill="#787878" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#5a5a5a" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#282828" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> </g> <!-- เครื่องบิน --> <svg> <animate attributeName="x" values="-100;300" dur="10s" repeatCount="indefinite" /> --> <g transform="translate(5 10)"> <!--หลัง1--> <ellipse id="ปีก"cx="0.3" cy="5.8" fill="#d2d8d9" rx="4" ry="8"/> <rect rx="40" ry="20" width="60" height="15" fill="#d2d8d9"/> <circle cx="16" cy="7.5" fill="#828687" r="2"/> <circle cx="23" cy="7.5" fill="#828687" r="2"/> <circle cx="30" cy="7.5" fill="#828687" r="2"/> <circle cx="37" cy="7.5" fill="#828687" r="2"/> <path fill="#37C3C3" d="m49,5 l6,-1.5 l4,1.6 l-5,1.5 z"></path> <ellipse cx="51.2" cy="5.9" fill="#37C3C3" rx="4.4" ry="1"/> <path fill="#37C3C3" d="m25,12 l8,0 l-7,10 l-3,-1 l1,-9 z"></path> </g> </svg> <g transform="translate(5 10)"> <svg viewBox="0 0 200 70"> <defs> <pattern id="star" viewBox="0,0,10,10" width="10%" height="10%"> <path d="m-1.2,3 l1.5,3 l1,0 z" fill="hsl(90, 80%, 21%)"></path> <path d="m0.2,3 l0.5,3 l1,0 z" fill="hsl(90, 80%, 21%)"></path> <path d="m1,3 l0,3 l1,0 z" fill="hsl(90, 80%, 21%)"></path> </pattern> </defs> <rect width="300" height="140" fill="url(#star)"></rect> </svg> <!-- ถนน --> <path fill="hsl(150,20%,17%)" d="m-8.52,13.92 v3 l36,18 v-3 l-30,-15" stroke-width=".2" stroke-linecap="round" transform="scale(5) rotate(0)" /> <path fill="hsl(150,20%,18%)" d="M27.43 31.9 v3 l29,-14 v-4.5 l29,-14" stroke-width=".2" stroke-linecap="round" transform="scale(5)" /> <g transform="translate(242, 63) scale(0.8)"> <polygon points="8,10 2,20 40,10" fill="#BDBDBD"/> </g> <g transform="translate(-216,-50) scale(0.6)" stroke="hsl(0,0%,40%)" stroke-width="3"> <path stroke-dasharray="15,15" stroke-linejoin="round" stroke-linecap="round" d="M170 152 l200 100"/> </g> <g transform="translate(-90,13) scale(0.6)" stroke="hsl(0,0%,40%)" stroke-width="3"> <path stroke-dasharray="10,11" stroke-linejoin="round" stroke-linecap="round" d="M175 155 l200 100"/> </g> <g transform="translate(115,15) scale(0.6)" stroke="hsl(0,0%,40%)" stroke-width="3"> <path stroke-dasharray="10,11" stroke-linejoin="round" stroke-linecap="round" d="M165 188.5 l-125 64"/> </g> <!-- <path fill="#BDBDBD"d="m42 20.5 l-20,21.5 v3 l20,-18.5 " transform="scale(4) rotate(-5)"/> --> <svg viewBox="0 0 200 200"> <!-- ต้นที่1 --> <g transform="translate(-130 100)"> <!-- ต้น1 --> <ellipse cx="176" cy="-13.5" rx="4" ry="3" fill="#0B6623"/> <ellipse cx="176" cy="-13.5" rx="2" ry="1" fill="hsl(10, 40%, 23%)"/> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m176 -13.5 h1.4 v-25 h-2.8 v25" /> <ellipse cx="178" cy="-39" rx="3" ry="6" stroke="hsl(10, 40%, 23%)" fill="none"/> <circle cx="173" cy="-35" r="4" stroke="hsl(10, 40%, 23%)" fill="none"/> <circle cx="169" cy="-43" r="11"fill="hsl(90, 90%, 15%)" /> <circle cx="168" cy="-43.5" r="10"fill="hsl(90, 90%, 20%)"/> <circle cx="180" cy="-45" r="9"fill="hsl(90, 90%, 15%)" /> <circle cx="179" cy="-46" r="8"fill="hsl(90, 90%, 20%)"/> <circle cx="174" cy="-52" r="10"fill="hsl(90, 90%, 15%)" /> <circle cx="173.5" cy="-53" r="9"fill="hsl(90, 90%, 20%)"/> <!-- ต้น2 --> <ellipse cx="150" cy="25" rx="4" ry="3" fill="#0B6623"/> <ellipse cx="150" cy="25" rx="2" ry="1" fill="hsl(10, 40%, 23%)"/> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m150 25 h1.4 v-35 h-2.8 v35" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m150 15 h1.4 l6 -8" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m148.5 3 h1.4 l-7 -10" /> <circle cx="146" cy="10" r="7"fill="hsl(90, 90%, 15%)" /> <circle cx="145" cy="9" r="6"fill="hsl(90, 90%, 20%)" /> <circle cx="158" cy="7" r="5"fill="hsl(90, 90%, 15%)" /> <circle cx="157.5" cy="6.5" r="4.5"fill="hsl(90, 90%, 20%)" /> <circle cx="141" cy="-6" r="5"fill="hsl(90, 90%, 15%)" /> <circle cx="140.5" cy="-6.5" r="4.5"fill="hsl(90, 90%, 20%)" /> <circle cx="150" cy="-14" r="8"fill="hsl(90, 90%, 15%)" /> <circle cx="149" cy="-15" r="7"fill="hsl(90, 90%, 20%)" /> <!-- ต้น3 --> <ellipse cx="210" cy="90" rx="4" ry="3" fill="#0B6623"/> <ellipse cx="210" cy="90" rx="2" ry="1" fill="hsl(10, 40%, 23%)"/> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m210 90 h1.4 v-35 h-2.8 v35" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m210 75 h1.4 l6 -8" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m210 70 h1.4 l-7 -10" /> <circle cx="205" cy="59" r="5"fill="hsl(90, 90%, 15%)" /> <circle cx="204.5" cy="58" r="4"fill="hsl(90, 90%, 20%)" /> <circle cx="221" cy="61" r="11"fill="hsl(90, 90%, 15%)" /> <circle cx="220" cy="60" r="10"fill="hsl(90, 90%, 20%)" /> <circle cx="211" cy="49.5" r="8.5"fill="hsl(90, 90%, 15%)" /> <circle cx="210.5" cy="48" r="8.5"fill="hsl(90, 90%, 20%)" /> <!-- ต้น4 --> <ellipse cx="150" cy="25" rx="4" ry="3" fill="#0B6623"/> <ellipse cx="150" cy="25" rx="2" ry="1" fill="hsl(10, 40%, 23%)"/> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m150 25 h1.4 v-35 h-2.8 v35" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m150 15 h1.4 l6 -8" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m148.5 3 h1.4 l-7 -10" /> <circle cx="146" cy="10" r="7"fill="hsl(90, 90%, 15%)" /> <circle cx="145" cy="9" r="6"fill="hsl(90, 90%, 20%)" /> <circle cx="158" cy="7" r="5"fill="hsl(90, 90%, 15%)" /> <circle cx="157.5" cy="6.5" r="4.5"fill="hsl(90, 90%, 20%)" /> <circle cx="141" cy="-6" r="5"fill="hsl(90, 90%, 15%)" /> <circle cx="140.5" cy="-6.5" r="4.5"fill="hsl(90, 90%, 20%)" /> <circle cx="150" cy="-14" r="8"fill="hsl(90, 90%, 15%)" /> <circle cx="149" cy="-15" r="7"fill="hsl(90, 90%, 20%)" /> </g></svg> </g> <g transform="translate(80 50)"> <!--หลัง1--> <path fill="#ab9467" d="m-11 -1 v2 l15 -7 v-2 z" > </path> <path fill="#ab9467" d="m-11 9 v2 l15 -7 v-2 z" > </path> <path fill="#ab9467" d="m-11 19 v2 l15 -7 v-2 z" > </path> <path fill="#607D8B" d="m-10 -3 v35 l15 7 l60 -30 v-35 l-15 -7 l-60 30 l15 7 l60 -30 l-60 30 " > </path> <path fill="hsl(0, 0%, 85%)" d="m-10 -3 v35 l15 7 v-35 z" > </path> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m-10 3 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#3789b0" d="m-6 5 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#54b9e8" d="m-2 7 v4 l4,2 v-4 z" > </path> <path fill="#ab9467" d="m-11 -1 v2 l15 7 v-2 z" > </path> <path fill="#ab9467" d="m-11 9 v2 l15 7 v-2 z" > </path> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m-10 13 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#3789b0" d="m-6 15 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#54b9e8" d="m-2 17 v4 l4,2 v-4 z" > </path> <path fill="#ab9467" d="m-11 19 v2 l15 7 v-2 z" > </path> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m-10 23 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#3789b0" d="m-6 25 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#54b9e8" d="m-2 27 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m-10 26 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#3789b0" d="m-6 28 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="#54b9e8" d="m-2 30 v4 l4,2 v-4 z" > </path> <path stroke="#f000" stroke-width="1" fill="white" d="m-10 25 v0.5 l12,6 v-0.5 z" > </path> <!--หลัง2--> <path fill="#607D8B" d="m6 -15 v10 l12 6 l40 -20 v-10 l-12 -6 l-40 20 l12 6 l40 -20 l-40 20 " > </path> <path fill="hsl(0, 0%, 85%)" d="m6 -15 v10 l12 6 v-10 z" > </path> <path fill="#2d5669" d="m7.8 -12 v5 l6 3 v-5 z" > </path> <path fill="#edd6a8" d="m7.7 -12 v5 l4 2 v-5 z" > </path> <path fill="#f2ede1" d="m11.6 -8 v0.5 l2 1 v-0.5 z" > </path> <path fill="#ab9467" d="m7 -13 v1 l8 4 v-1 z" > </path> <!--น้ำพุ--> <path fill="#607D8B" d="m-34 43 v5 l8 4 l20 -10 v-5 l-8 -4 l-20 10 l8 4 l20 -10 l-20 10 " > </path> <path fill="#96c3d9" d="m-34 43 l8,4 l20,-10 l-8,-4 z" > </path> <path fill="#41a7d9" d="m-32 43 l6,3 l18,-9 l-6,-3 z" > </path> <g transform = "translate(-40 1)"> <path fill = "black" stroke = "#aaaaaa" stroke-width = "1.25" stroke-linejoin="round" stroke-linecap="round" d="m20 38 v-6"></path> <ellipse cx="-12" cy="36" rx="2" ry="1" transform = "rotate(-45)" fill="#c0e4ed"/> <ellipse cx="40" cy="7" rx="1.5" ry="1" transform = "rotate(45)" fill="#c0e4ed"/> <ellipse cx="33" cy="8" rx="1.5" ry="1" transform = "rotate(45)" fill="#c0e4ed"/> <ellipse cx="-5" cy="36" rx="2" ry="1" transform = "rotate(-45)" fill="#c0e4ed"/> </g> <!--บันได1--> <path fill="#607D8B" d="m-16 50 v2 l16 8 l30 -15 v-2 l-16 -8 l-30 15 l16 8 l30 -15 l-30 15 " > </path> <path fill="#8db4c7" d="m-16 50 l16,8 v2 l-16,-8 z" > </path> <!--บันได2--> <path fill="#56707d" d="m-12 48 v2 l12 6 l20 -10 v-2 l-12 -6 l-20 10 l12 6 l20 -10 l-20 10 " > </path> <path fill="#8db4c7" d="m-12 48 l12,6 v2 l-12,-6 z" > </path> <path fill="#475a63" d="m12 48 l-12,6 v2 l12, -6 z" > </path> <!--บันได3--> <path fill="#607D8B" d="m-8 46 v2 l8 4 l20 -10 v-2 l-8 -4 l-20 10 l8 4 l20 -10 l-20 10 " > </path> <path fill="#8db4c7" d="m-8 46 l8,4 v2 l-8,-4 z" > </path> <!-- หน้า --> <path stroke="#f000" stroke-width="1" fill="#4d422e" d="m72,-34.3 l10,5 v2 l10,5 v-2 z" > </path> <path stroke="#f000" stroke-width="1" fill="#4d422e" d="m72,-19.3 l10,5 v2 l10,5 v-2 z" > </path> <path stroke="#f000" stroke-width="1" fill="#4d422e" d="m72,-4.3 l10,5 v2 l10,5 v-2 z" > </path> <path fill="hsl(0, 0%, 85%)" d="m0 0 v60 l15 7 l75 -37 v-60 l-15 -7 l-75 37 l15 7 l75 -37 l-75 37 " > </path> <path fill="#465a63" d="m0 0 l15 7 l75 -37 l-15 -7 l-75 37" > </path> <!-- ขั้นกระจกหลัง--> <path fill="#ab9467" d="m30 5 l2,1 l60,-30 l-2,-1 l-60,30" > </path> <path fill="#82704e" d="m30 7.05 l2,1 l60,-30 v-2 l-60,30 z" > </path> <path fill="#ab9467" d="m30 20 l2,1 l60,-30 l-2,-1 l-60,30" > </path> <path fill="#82704e" d="m30 22.05 l2,1 l60,-30 v-2 l-60,30 z" > </path> <path fill="#ab9467" d="m30 35 l2,1 l60,-30 l-2,-1 l-60,30" > </path> <path fill="#82704e" d="m30 37.05 l2,1 l60,-30 v-2 l-60,30 z" > </path> <!-- กระจกหลัง1--> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m39 7 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#1b749e" d="m43 5 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#1b749e" d="m47 3 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#2286b5" d="m51 1 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#3297c7" d="m55 -1 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#3ea5d6" d="m59 -3 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#4daad6" d="m63 -5 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#67b6db" d="m67 -7 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#78bdde" d="m71 -9 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#8dcceb" d="m75 -11 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#a9d5eb" d="m79 -13 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#8dcceb" d="m83 -15 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#a9d5eb" d="m87 -17 v5 l3,-1.5 v-5" > </path> <!-- กระจกหลัง2--> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m39 22 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#1b749e" d="m43 20 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#1b749e" d="m47 18 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#2286b5" d="m51 16 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#3297c7" d="m55 14 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#3ea5d6" d="m59 12 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#4daad6" d="m63 10 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#67b6db" d="m67 8 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#78bdde" d="m71 6 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#8dcceb" d="m75 4 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#a9d5eb" d="m79 2 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#8dcceb" d="m83 0 v5 l4,-2 v-5" > </path> <path stroke="#f000" stroke-width="1" fill="#a9d5eb" d="m87 -2 v5 l3,-1.5 v-5" > </path> <path fill="hsl(0, 0%, 70%)" d="m16 6.5 h3 v61.5 l-3,-1.5" > </path> <path fill="#8db4c7" d="m16 6.5 l3,1.5 l20,-10 l-3,-1.5 l-20,10" > </path> <path stroke="#f000" stroke-width="1" fill="#607D8B" d="m19 8 l20,-10 v60 l-20,10 z" > </path> <!-- โรงจอดรถ--> <path stroke="#f000" stroke-width="1" fill="#99a9b0" d="m50 33 v17 l30,-15 v-17" > </path> <path stroke="#f000" stroke-width="1" fill="#828e94" d="m50 40 v10 l30,-15 l-11,-5" > </path> <g transform="translate(-7 -29)"> <!-- เสา1 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#616161" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/></g> <path fill="#a8b1b5" d="m48 31 l2,1 l32,-16 l-2,-1 l-32,16" > </path> <path fill="#7f8a8f" d="m48 33 l2,1 l32,-16 v-2 l-32,16 l-2,-1" > </path> <!-- หน้าต่างหลัง--> <path stroke="#f000" stroke-width="1" fill="#ab9467" d="m27 34 v9 l5,-2.5 v-9" > </path> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m27.5 35 v8 l4,-2 v-8" > </path> <path stroke="#f000" stroke-width="1" fill="#d4d7d9" d="m27.5 40 v0.5 l4,-2 v-0.5" > </path> <path stroke="white" stroke-width="0.3" fill="#18678c" d="m28.5 30 v2 l2,-1 v-2 z" > </path> <path stroke="#f000" stroke-width="1" fill="#ab9467" d="m27 13 v9 l5,-2.5 v-9" > </path> <path stroke="#f000" stroke-width="1" fill="#18678c" d="m27.5 14 v8 l4,-2 v-8" > </path> <path stroke="#f000" stroke-width="1" fill="#d4d7d9" d="m27.5 19 v0.5 l4,-2 v-0.5" > </path> <path stroke="white" stroke-width="0.3" fill="#18678c" d="m28.5 9 v2 l2,-1 v-2 z" > </path> <!-- กล่องหน้า--> <path fill="#60777d" d="m32 64 l20 10 l30 -15 l-20 -10 l-30 15 l30 -15 " > </path> <g transform="translate(-40 2)"> <!-- เสา1 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#616161" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <!-- เสา2 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m86,57 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m89,68.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#616161" d="m86,55 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <!-- เสา3 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m113,45 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m116,56.5 l3,-1.5 v-10 l-3,1.5 v10"/> </g> <path fill="#607D8B" d="m32 45 v5 l20 10 l30 -15 v-5 l-20 -10 l-30 15 l20 10 l30 -15 l-30 15 " > </path> <path fill="#8db4c7" d="m32 45 v5 l20 10 v-5 z" > </path> <path fill="#809ba8" d="m52 60 l-2,1 l-20,-10 l2,-1 l20,10" > </path> <path fill="#6a8694" d="m50 61 v2 l-20,-10 v-2 l20,10" > </path> <path fill="#8db4c7" d="m50 61 v2.5 l32,-16.5 v-2.5 l-32,16.5 l4,-2" > </path> <path fill="#465a63" d="m32 45 l20 10 l30 -15 l-20 -10 l-30 15 l30 -15 " > </path> <!-- คอมม่อน --> <path fill="#71a2a6" d="m0 0 v60 l15 7 v-60 l-10 -5 z " > </path> <path fill="#18678c" d="m5 25 v6 l4,2 v-6 z" > </path> <path fill="#3789b0" d="m5 15 v6 l4,2 v-6 z" > </path> <path stroke="white" stroke-width="0.3" fill="#54b9e8" d="m6 8 v3 l3,1.5 v-3 z" > </path> <path fill="#18678c" d="m1.3 34 v4 l4,2 v-4 z" > </path> <path fill="#3789b0" d="m5.3 36 v4 l4,2 v-4 z" > </path> <path fill="#2286b5" d="m9.3 38 v4 l4,2 v-4 z" > </path> <path fill="#3297c7" d="m1.3 38 v4 l4,2 v-4 z" > </path> <path fill="#67b6db" d="m5.3 40 v4 l4,2 v-4 z" > </path> <path fill="#3297c7" d="m9.3 42 v4 l4,2 v-4 z" > </path> <path fill="#a9d5eb" d="m1.3 42 v4 l4,2 v-4 z" > </path> <path fill="#18678c" d="m5.3 44 v4 l4,2 v-4 z" > </path> <path fill="#8dcceb" d="m9.3 46 v4 l4,2 v-4 z" > </path> <path fill="#18678c" d="m1.3 46 v4 l4,2 v-4 z" > </path> <path fill="#3789b0" d="m5.3 48 v4 l4,2 v-4 z" > </path> <path fill="#54b9e8" d="m9.3 50 v4 l4,2 v-4 z" > </path> </g> <!-- โรงอาหาร --> <svg viewBox="0 0 200 200"> <g transform="translate(-60 115)"> <!-- พื้น --> <path stroke="#f000" stroke-width="1" fill="#607D8B" d="m70,62 v3 l30,15 v-3 l-30,-15"/> <path stroke="#f000" stroke-width="1" fill="#546E7A" d="m100,77 v3 l30,-15 v-3 l-30,15"/> <path stroke="#f000" stroke-width="1" fill="#455A64" d="m70,62 l30,15 l30,-15 l-30,-15 l-30,15"/> <!-- เสา1 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#616161" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <!-- เสา2 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m97,63.5 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m100,75 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#616161" d="m97,63.5 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <!-- เสา3 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m120,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m123,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#616161" d="m120,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <!-- เสา4 --> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m98,41 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m101,52.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#616161" d="m98,41 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <!-- ชั้นสอง --> <path stroke="#f000" stroke-width="1" fill="#607D8B" d="m70,50 v3 l30,15 v-3 l-30,-15"/> <path stroke="#f000" stroke-width="1" fill="#546E7A" d="m100,65 v3 l30,-15 v-3 l-30,15"/> <path stroke="#f000" stroke-width="1" fill="#455A64" d="m70,50 l30,15 l30,-15 l-30,-15 l-30,15"/> <path stroke="#f000" stroke-width="1" fill="#EEEEEE" d="m70,40 v10 l30,15 v-10 l-30,-15"/> <path stroke="#f000" stroke-width="1" fill="#E0E0E0" d="m100,55 v10 l30,-15 v-10 l-30,15"/> <path stroke="#f000" stroke-width="1" fill="#E0E0E0" d="m65,39.5 v3 l35,17.5 v-3 l-35,-17.5"/> <path stroke="#f000" stroke-width="1" fill="#BDBDBD" d="m100,57 v3 l35,-17.5 v-3 l-35,17.5"/> <path stroke="#f000" stroke-width="1" fill="#F5F5F5" d="m65,39.5 l35,17.5 l35,-17.5 l-35,-17.5 l-35,17.5"/> <!-- หลังคา --> <g transform="translate(80,40) scale(2)"> <path stroke="#f000" stroke-width="1" fill="#37474F" d="m0,0 l10,5 v-7.5 z"/> <path stroke="#f000" stroke-width="1" fill="#263238" d="m10,5 v-7.5 l10,2.5 z"/> <path stroke="#f000" stroke-width="1" fill="#546E7A" d="m0,0 l10,-5 v2.5 z"/> <path stroke="#f000" stroke-width="1" fill="#37474F" d="m20,0 l-10,-5 v2.5 z"/> </g> <g transform="translate(179,-33) rotate(30)"> <!-- <path d="M 13 29 Q 6 6 24 29" fill="#BDBDBD"/> --> </g> </g> <!-- จักรยาน --> <g transform="translate(27 83)"> <path fill="#787878" d="m90 70 l25 12 l12 -6 l-25 -12 l-12 6 v2 l25 12 l12 -6 v-2" stroke-width=".5" stroke="#0004" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m99 70 v-4 l6 -3 v4" stroke-width="2" stroke="#323232" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m103 72 v-4 l6 -3 v4" stroke-width="2" stroke="#323232" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m110 76 v-4 l6 -3 v4" stroke-width="2" stroke="#323232" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m114 78 v-4 l6 -3 v4" stroke-width="2" stroke="#323232" stroke-linejoin="round" stroke-linecap="round"></path> </g> <!--path--> <g transform="translate(115 147)"> <path fill="orange" d="m0 0 l6 3 l-6 3 l-6 -3 l6 -3 "></path> <path fill="#FF3232" d="M7 -4 l6 3 l-6 3 l-6 -3 l6 -3 "></path> </g> <g transform="translate(-9 2)"> <!-- พื้นจักรยาน--> <g transform="translate(156 122)"> <path fill="#aaaaaa" d="m0 0 l25 12 l23 -11 l-25 -12 z" stroke-width="1" stroke="#6e6e6e" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#aaaaaa" d="m0 0 l12 6 l23 -11 l-12 -6 z" stroke-width="1" stroke="#6e6e6e" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#282828" d="m6 -1 l8 4 l-2 1 l-8 -4 l2 -1" stroke-width="0.75" stroke="#282828" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#282828" d="m19 5 l8 4 l-2 1 l-8 -4 l2 -1" stroke-width="0.75" stroke="#282828" stroke-linejoin="round" stroke-linecap="round"></path> </g> <!-- จักรยาน เสือภูเขา1--> <g transform="translate(169 119)"> <circle cx="0" cy="0" r="4" fill="#AE905E" stroke-width="1" stroke="#8B5927" stroke-linejoin="round" stroke-linecap="round"/> <circle cx="10" cy="-5" r="4"fill="#AE905E" stroke-width="1" stroke="#8B5927" stroke-linejoin="round" stroke-linecap="round"/> <path fill="#FFC8FF" d="m1 0 l8 -4" stroke-width="1" stroke="#8B4F1D" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m1 0 l-3 -8 l-3 1 v1 l3 -1 " stroke-width="1" stroke="#8B4F1D" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m5 -2 l-2 -5 l2 -1 " stroke-width="1" stroke="#8B4F1D" stroke-linejoin="round" stroke-linecap="round"></path> <circle cx="0" cy="0" r="0.5"fill="#8B5927" stroke-width="2" stroke="#8B5927" stroke-linejoin="round" stroke-linecap="round"/> <circle cx="10" cy="-5" r="0.5"fill="#8B5927" stroke-width="2" stroke="#8B5927" stroke-linejoin="round" stroke-linecap="round"/> </g> <!-- จักรยาน เสือภูเขา2--> <g transform="translate(182 125)"> <circle cx="0" cy="0" r="4" fill="gray" stroke-width="1" stroke="#0F0216" stroke-linejoin="round" stroke-linecap="round"/> <circle cx="10" cy="-5" r="4"fill="gray" stroke-width="1" stroke="#0F0216" stroke-linejoin="round" stroke-linecap="round"/> <path fill="#FFC8FF" d="m1 0 l8 -4" stroke-width="1" stroke="#2F1F70" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m1 0 l-3 -8 l-3 1 v1 l3 -1 " stroke-width="1" stroke="#2F1F70" stroke-linejoin="round" stroke-linecap="round"></path> <path fill="#787878" d="m5 -2 l-2 -5 l2 -1 " stroke-width="1" stroke="#2F1F70" stroke-linejoin="round" stroke-linecap="round"></path> <circle cx="0" cy="0" r="0.5"fill="#0F0216" stroke-width="2" stroke="#0F0216" stroke-linejoin="round" stroke-linecap="round"/> <circle cx="10" cy="-5" r="0.5"fill="#0F0216" stroke-width="2" stroke="#0F0216" stroke-linejoin="round" stroke-linecap="round"/> </g> </g> <!-- รั้ว --> <g transform="translate(16 -5 )"> <g transform="translate(106 110)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(98 114)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(90 118)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(82 122)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(74 126)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(66 130)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(58 134)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(50 138)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(42 142)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(34 146)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> <g transform="translate(26 150)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 3 v-3"/> </g> </g> <!-- พุ่ม --> <g transform="translate(200 170)"> <circle cx="0" cy="0" fill="#D7873C" r="6" /> <circle cx="-45" cy="28" fill="#AE5E1A" r="8"/> <circle cx="-16" cy="10" fill="#D7873C" r="5" /> <circle cx="-11" cy="12" fill="#AE5E1A" r="3"/> <circle cx="-16" cy="17" fill="#AE5E1A" r="3"/> <circle cx="-5" cy="9" fill="#AE5E1A" r="6"/> <circle cx="-29" cy="19" fill="#AE5E1A" r="3"/> <circle cx="-16" cy="17" fill="#AE5E1A" r="3"/> <circle cx="-23" cy="17" fill="#AE5E1A" r="6"/> <circle cx="-6" cy="20" fill="#D7873C" r="7" /> <circle cx="-12" cy="22" fill="#D7873C" r="4" /> <circle cx="-30" cy="25" fill="#D7873C" r="6" /> <circle cx="-36" cy="27" fill="#D7873C" r="3" /> <circle cx="-23" cy="26" fill="#D7873C" r="3" /> <circle cx="-15" cy="28" fill="#AE5E1A" r="6"/> <circle cx="-190" cy="30" fill="#D7873C" r="4" /> <circle cx="-199" cy="27" fill="#AE5E1A" r="6" /> </g> <g transform="translate(-40 143)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m77,55 v3 l-6 -3 v-3"/> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-49 139)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 -3 v-3"/> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-58 135)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 -3 v-3"/> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-66 131)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 -3 v-3"/> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <g transform="translate(-75 127)"> <!-- รั้ว --> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m76,55 v3 l-6 -3 v-3"/> <path stroke="#f000" stroke-width="1" fill="#E0CC5E" d="m74,52 v10 l3,1.5 v-10 l-3,-1.5"/> <path stroke="#f000" stroke-width="1" fill="#BF660D" d="m77,63.5 l3,-1.5 v-10 l-3,1.5 v10"/> <path stroke="#f000" stroke-width="1" fill="#962D0A" d="m74,52 l3,1.5 l3,-1.5 l-3,-1.5 l-3,1.5"/> </g> <!-- ต้นไม้ --> <g transform="translate(-28 -1)"> <ellipse cx="210" cy="90" rx="4" ry="3" fill="#0B6623"/> <ellipse cx="210" cy="90" rx="2" ry="1" fill="hsl(10, 40%, 23%)"/> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m210 90 h0.8 v-25 h-1.4 v25" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m209 80 h1.4 l6 -8" /> <path stroke="hsl(10, 40%, 23%)" stroke-width="1" fill="hsl(10, 40%, 23%)" d="m209 75 h1 l-5 -8" /> <circle cx="205" cy="65.5" r="4"fill="hsl(90, 90%, 15%)" /> <circle cx="204.5" cy="65" r="3"fill="hsl(90, 90%, 20%)" /> <circle cx="221" cy="68" r="9"fill="hsl(90, 90%, 15%)" /> <circle cx="220" cy="67.5" r="8"fill="hsl(90, 90%, 20%)" /> <circle cx="211" cy="61" r="6.5"fill="hsl(90, 90%, 15%)" /> <circle cx="210.5" cy="60" r="6.5"fill="hsl(90, 90%, 20%)" /></g> <g transform="translate(50 47)"> <circle cx="-40" cy="23" fill="#498745" r="6" /> <circle cx="-46" cy="25" fill="#498745" r="3" /> <circle cx="-33" cy="24" fill="#498745" r="3" /> <circle cx="-30" cy="25" fill="#7bcc76" r="5" /> <circle cx="-35" cy="26.5" fill="#7bcc76" r="3" /> <circle cx="-25" cy="25.5" fill="#7bcc76" r="3" /> <!-- ดอกไม้ --> <g transform="translate(-3.5 1)"> <circle cx="-43" cy="22.5" fill="#de5d86" r="0.8" /> <circle cx="-39.5" cy="22.5" fill="#de5d86" r="0.8" /> <circle cx="-39.5" cy="23.5" fill="#de5d86" r="0.8" /> <circle cx="-38.5" cy="22.5" fill="#de5d86" r="0.8" /> <circle cx="-38.5" cy="23.5" fill="#de5d86" r="0.8" /> <ellipse cx="-40" cy="23" rx="0.8" ry="0.5" fill="#eb8aa9"/> <ellipse cx="-39" cy="22" rx="0.5" ry="0.8" fill="#eb8aa9"/> <ellipse cx="-38." cy="23" rx="0.8" ry="0.5" fill="#eb8aa9"/> <ellipse cx="-39" cy="24" rx="0.5" ry="0.8" fill="#eb8aa9"/> <circle cx="-39" cy="23" fill="#d10a49" r="0.5" /> <circle cx="-33" cy="21.5" fill="#de5d86" r="0.8" /> </g> <circle cx="-45" cy="27" fill="#a8e03f" r="4" /> <circle cx="-49" cy="28" fill="#a8e03f" r="2" /> <circle cx="-41" cy="28" fill="#a8e03f" r="2" /> <!-- ดอกไม้ --> <g transform="translate(-1 -2)"> <circle cx="-39.5" cy="22.5" fill="#de5d86" r="0.8" /> <circle cx="-39.5" cy="23.5" fill="#de5d86" r="0.8" /> <circle cx="-38.5" cy="22.5" fill="#de5d86" r="0.8" /> <circle cx="-38.5" cy="23.5" fill="#de5d86" r="0.8" /> <ellipse cx="-40" cy="23" rx="0.8" ry="0.5" fill="#eb8aa9"/> <ellipse cx="-39" cy="22" rx="0.5" ry="0.8" fill="#eb8aa9"/> <ellipse cx="-38." cy="23" rx="0.8" ry="0.5" fill="#eb8aa9"/> <ellipse cx="-39" cy="24" rx="0.5" ry="0.8" fill="#eb8aa9"/> <circle cx="-39" cy="23" fill="#d10a49" r="0.5" /></g> </g> <g transform="translate(-29 145)"> <path fill="#aaaaaa" d="m0 0 l25 12 l30 -15 l-25 -12 z" stroke-width="1" stroke="#6e6e6e" stroke-linejoin="round" stroke-linecap="round"></path></g> </svg> </svg> </body> </html>