SVG Isometric Grid (Branch 6925) (Copy 6951) (Cop..
✨ TANACHOT LUKVISAITDEE
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:#b39166; box-shadow:0 0 20px #0002; width:100%; } :root { --border: #c3ced7; --windows: #5385C6; --door: #444444; --border-left: #616364 ; --border-right: #545a5e ; --roof: #6b7176; --tree: #64995c; --clouds: #d0eaff; --tree1: #549849; } </style> </head> <body> <svg viewBox="0 0 300 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> <defs> <linearGradient spreadMethod="pad" id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1;" /> <stop offset="44%" style="stop-color:rgb(31, 181, 243);stop-opacity:1;" /> <stop offset="100" style="stop-color:#7ac3ff;stop-opacity:1;" /> </linearGradient> </defs> <defs> <pattern id="footpath" width="8" height="8" viewBox="0 0 10 10" patternUnits="userSpaceOnUse" x="0" y="0"> <rect fill="#e0e0e0" width="10" height="10" x="0" y="0"/> <rect fill="#e0e0e0" width="5" height="5" x="0" y="0"/> <rect fill="#d1d1d1" width="5" height="5" x="4" y="0"/> <rect fill="#d1d1d1" width="5" height="5" x="0" y="5"/> <!-- <rect fill="#C2C2C2" width="5" height="5" x="4" y="4"/> --> </pattern> </defs> <defs> <pattern id="grass" viewBox="0 0 10 10" patternUnits="userSpaceOnUse" x="0" y="0" width="15" height="15" > <rect width="100" height="100" fill="#89DF8B"/> </pattern> </defs> <!-- <defs> <pattern id="build" width="10" height="100" viewBox="0 0 10 10" patternUnits="userSpaceOnUse" x="0" y="0"> <rect fill="#7ab072" width="10" height="10" x="0" y="0"/> </pattern> </defs> --> <!-- code here --> <rect fill="url(#isometric)" width="1000" height="1000" transform="scale(1.2)"/> <g transform="scale(1.5) translate(-33,0)"> <!-- <path d="M100, 10 v50 l-50,25 l50,25 l50,-25 l-50,-25 v-50 l50,25 v50 l-50,-25 v-50 l-50,25 v50" stroke="#0002" fill="none" stroke-linecap="round" stroke-linejoin="round"></path> --> <!-- พื้น --> <rect width="300" height="300" fill="url(#gradient)" transform="rotate(-25 0 360) translate(50 0) skewX(39) "/> <rect width="500" height="500" fill="url(#grass)" transform="rotate(-26 0 360) translate(20 100) skewX(39.5) "/> <rect width="500" height="500" fill="#333333" transform="rotate(-25 0 360) translate(210 210) skewX(39) "/> <rect width="25" height="100" fill="url(#footpath)" transform="rotate(-25 0 360) translate(110 110) skewX(39) "/> <!-- ลายถนน --> <rect width="16" height="5" fill="yellow" transform="rotate(-25 0 360) translate(239 225) skewX(39) "/> <rect width="16" height="5" fill="yellow" transform="rotate(-25 0 360) translate(280 225) skewX(39) "/> <rect width="16" height="5" fill="yellow" transform="rotate(-25 0 360) translate(315 225) skewX(39) "/> <g transform="translate(15,-16) scale(0.87)"> <!-- ด้านข้างตึกใหญ่ --> <path d="M200,70 l11.9,-5.9 v69.2 l-11.5,6.8" fill="hsl(0,0%,30%)"></path> <!-- <path d= "M140,10 v70 l90.5,45.2 v-70 " stroke="white" stroke-width="0.5" fill="rgb(100 100 100)" transform="translate(-15,9)"></path> --> <!-- <path d="M200.5 70 v70 l30 -15"stroke="white" stroke-width="0.5" fill="rgb(100 100 100)"></path> --> <!-- หลังคาตึกใหญ่ --> <path d="M110,25.6 l90,44.6 l12,-6 l-91,-44.5 z" fill="var(--roof)" ></path> <!-- </g> --> <!-- ด้านหน้าตึกใหญ่ --> <path d= "M110,25 v70 l90.5,45.2 v-70z" fill="var(--border)" ></path> <!-- หน้าต่าง --> <path d="M115 35 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows)" stroke="white" stroke-width="0.5" ></path> <path d="M115 45 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M115 55 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M115 65 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M115 75 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M160 56 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M160 66 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M160 76 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M160 86 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M160 96 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <path d="M160 106 v6 l36.2,18 v-2 v2 v-6 z" fill="var(--windows" stroke="white" stroke-width="0.5"></path> <!-- ลายหน้าต่าง --> <line x1="117" y1="36" x2="117" y2="42" stroke="white" stroke-width="0.3"></line> <line x1="123" y1="39" x2="123" y2="45" stroke="white" stroke-width="0.3"></line> <line x1="129" y1="42" x2="129" y2="48" stroke="white" stroke-width="0.3"></line> <line x1="135" y1="45" x2="135" y2="51" stroke="white" stroke-width="0.3"></line> <line x1="141" y1="48" x2="141" y2="54" stroke="white" stroke-width="0.3"></line> <line x1="147" y1="51" x2="147" y2="57" stroke="white" stroke-width="0.3"></line> <line x1="117" y1="46" x2="117" y2="52" stroke="white" stroke-width="0.3"></line> <line x1="123" y1="49" x2="123" y2="55" stroke="white" stroke-width="0.3"></line> <line x1="129" y1="52" x2="129" y2="58" stroke="white" stroke-width="0.3"></line> <line x1="135" y1="55" x2="135" y2="61" stroke="white" stroke-width="0.3"></line> <line x1="141" y1="58" x2="141" y2="64" stroke="white" stroke-width="0.3"></line> <line x1="147" y1="61" x2="147" y2="67" stroke="white" stroke-width="0.3"></line> <line x1="117" y1="56" x2="117" y2="62" stroke="white" stroke-width="0.3"></line> <line x1="123" y1="59" x2="123" y2="65" stroke="white" stroke-width="0.3"></line> <line x1="129" y1="62" x2="129" y2="68" stroke="white" stroke-width="0.3"></line> <line x1="135" y1="65" x2="135" y2="71" stroke="white" stroke-width="0.3"></line> <line x1="141" y1="68" x2="141" y2="74" stroke="white" stroke-width="0.3"></line> <line x1="147" y1="71" x2="147" y2="77" stroke="white" stroke-width="0.3"></line> <line x1="117" y1="66" x2="117" y2="72" stroke="white" stroke-width="0.3"></line> <line x1="123" y1="69" x2="123" y2="75" stroke="white" stroke-width="0.3"></line> <line x1="129" y1="72" x2="129" y2="78" stroke="white" stroke-width="0.3"></line> <line x1="135" y1="75" x2="135" y2="81" stroke="white" stroke-width="0.3"></line> <line x1="141" y1="78" x2="141" y2="84" stroke="white" stroke-width="0.3"></line> <line x1="147" y1="81" x2="147" y2="87" stroke="white" stroke-width="0.3"></line> <line x1="117" y1="76" x2="117" y2="82" stroke="white" stroke-width="0.3"></line> <line x1="123" y1="79" x2="123" y2="85" stroke="white" stroke-width="0.3"></line> <line x1="129" y1="82" x2="129" y2="88" stroke="white" stroke-width="0.3"></line> <line x1="135" y1="85" x2="135" y2="91" stroke="white" stroke-width="0.3"></line> <line x1="141" y1="88" x2="141" y2="94" stroke="white" stroke-width="0.3"></line> <line x1="147" y1="91" x2="147" y2="97" stroke="white" stroke-width="0.3"></line> <line x1="163" y1="57.5" x2="163" y2="63.5" stroke="white" stroke-width="0.3"></line> <line x1="169" y1="60.5" x2="169" y2="66.5" stroke="white" stroke-width="0.3"></line> <line x1="175" y1="63.5" x2="175" y2="69.5" stroke="white" stroke-width="0.3"></line> <line x1="181" y1="66.5" x2="181" y2="72.5" stroke="white" stroke-width="0.3"></line> <line x1="187" y1="69.5" x2="187" y2="75.5" stroke="white" stroke-width="0.3"></line> <line x1="193" y1="72.5" x2="193" y2="78.5" stroke="white" stroke-width="0.3"></line> <line x1="163" y1="67.5" x2="163" y2="73.5" stroke="white" stroke-width="0.3"></line> <line x1="169" y1="70.5" x2="169" y2="76.5" stroke="white" stroke-width="0.3"></line> <line x1="175" y1="73.5" x2="175" y2="79.5" stroke="white" stroke-width="0.3"></line> <line x1="181" y1="76.5" x2="181" y2="82.5" stroke="white" stroke-width="0.3"></line> <line x1="187" y1="79.5" x2="187" y2="85.5" stroke="white" stroke-width="0.3"></line> <line x1="193" y1="82.5" x2="193" y2="88.5" stroke="white" stroke-width="0.3"></line> <line x1="163" y1="77.5" x2="163" y2="83.5" stroke="white" stroke-width="0.3"></line> <line x1="169" y1="80.5" x2="169" y2="86.5" stroke="white" stroke-width="0.3"></line> <line x1="175" y1="83.5" x2="175" y2="89.5" stroke="white" stroke-width="0.3"></line> <line x1="181" y1="86.5" x2="181" y2="92.5" stroke="white" stroke-width="0.3"></line> <line x1="187" y1="89.5" x2="187" y2="95.5" stroke="white" stroke-width="0.3"></line> <line x1="193" y1="92.5" x2="193" y2="98.5" stroke="white" stroke-width="0.3"></line> <line x1="163" y1="87.5" x2="163" y2="93.5" stroke="white" stroke-width="0.3"></line> <line x1="169" y1="90.5" x2="169" y2="96.5" stroke="white" stroke-width="0.3"></line> <line x1="175" y1="93.5" x2="175" y2="99.5" stroke="white" stroke-width="0.3"></line> <line x1="181" y1="96.5" x2="181" y2="102.5" stroke="white" stroke-width="0.3"></line> <line x1="187" y1="99.5" x2="187" y2="105.5" stroke="white" stroke-width="0.3"></line> <line x1="193" y1="102.5" x2="193" y2="108.5" stroke="white" stroke-width="0.3"></line> <line x1="163" y1="97.5" x2="163" y2="103.5" stroke="white" stroke-width="0.3"></line> <line x1="169" y1="100.5" x2="169" y2="106.5" stroke="white" stroke-width="0.3"></line> <line x1="175" y1="103.5" x2="175" y2="109.5" stroke="white" stroke-width="0.3"></line> <line x1="181" y1="106.5" x2="181" y2="112.5" stroke="white" stroke-width="0.3"></line> <line x1="187" y1="109.5" x2="187" y2="115.5" stroke="white" stroke-width="0.3"></line> <line x1="193" y1="112.5" x2="193" y2="118.5" stroke="white" stroke-width="0.3"></line> <line x1="163" y1="107.5" x2="163" y2="113.5" stroke="white" stroke-width="0.3"></line> <line x1="169" y1="110.5" x2="169" y2="116.5" stroke="white" stroke-width="0.3"></line> <line x1="175" y1="113.5" x2="175" y2="119.5" stroke="white" stroke-width="0.3"></line> <line x1="181" y1="116.5" x2="181" y2="122.5" stroke="white" stroke-width="0.3"></line> <line x1="187" y1="119.5" x2="187" y2="125.5" stroke="white" stroke-width="0.3"></line> <line x1="193" y1="122.5" x2="193" y2="128.5" stroke="white" stroke-width="0.3"></line> </g> <!-- ต้นไม้ของจิ --> <g transform="translate(14,-50) scale(1)"> <rect x="30" y="160" width="5" height="30" fill="#827070"/> <ellipse cx="32.5" cy="190" rx="2.5" ry="1" fill="#827070"/> <line stroke="#827070" x1="25" x2="32" y1="177" y2="180"></line> <line stroke="#827070" x1="35" x2="40" y1="172" y2="170"></line> <circle cx="25" cy="178" r="3" fill="var(--tree1)"/> <circle cx="40" cy="170" r="3" fill="var(--tree1)"/> <ellipse cx="25" cy="165" rx="8" ry="5" fill="var(--tree1)"/> <ellipse cx="40" cy="160" rx="8" ry="4" fill="var(--tree1)"/> <ellipse cx="32" cy="158" rx="12" ry="8" fill="var(--tree1)"/> </g> <g transform="translate(-25,-105) scale(1)"> <rect x="175" y="160" width="5" height="38" fill="#695959"/> <ellipse cx="177" cy="155" rx="12" ry="8" fill="#407338"/> <ellipse cx="177" cy="165" rx="10" ry="6" fill="#407338"/> <circle cx="185" cy="160" r="5" fill="#407338"/> <circle cx="168" cy="160" r="5" fill="#407338"/> <circle cx="177" cy="150" r="7" fill="#407338"/> <circle cx="177" cy="168" r="7" fill="#407338"/> <ellipse cx="172" cy="184" rx="4" ry="2" fill="#407338"/> <ellipse cx="183" cy="179" rx="4" ry="2" fill="#407338"/> </g> <!-- ชาน --> <!-- <path d="M64,28.2 v2 l36.2,18 v-2 v2 l36,-18 v-2 z" fill="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" transform="scale(1) translate(44,67)"></path> --> <rect x="100.5" y="99.5" width="6.5" height="5" fill="#444444"></rect> <rect x="164.5" y="99.5" width="6.5" height="5" fill="#444444"></rect> <path d="M100,10 l30,15 l-30,15 l-30,-15 z" fill="#444444" stroke-width="0.2" transform="scale(1.2) translate(12.5,62)"></path> <path d="M100,10 l30,15 l-30,15 l-30,-15 z" fill="var(--roof)" stroke-width="0.2" transform="scale(1.2) translate(12.5,58)"></path> <!-- บันไดแต่ขกทำอะเดะค่อยละกัน --> <!-- <rect x="105.5" y="99.5" width="39.5" height="5" fill="WHITE" transform="skewX(12) skewY(-60) translate(16,74)"/> --> <!-- เมฆ --> <g transform="translate(0,-50) scale(0.7)"> <circle cx="89" cy="97" r=5 fill="var(--clouds)"></circle> <circle cx="95" cy="102" r=5 fill="var(--clouds)"></circle> <circle cx="91" cy="102" r=5 fill="var(--clouds)"></circle> <circle cx="98" cy="99" r=5 fill="var(--clouds)"></circle> <circle cx="94" cy="95" r=5 fill="var(--clouds)"></circle> <circle cx="87" cy="100" r=5 fill="var(--clouds)"></circle> </g> <g transform="translate(3,-43) scale(0.5)"> <circle cx="89" cy="97" r=5 fill="var(--clouds)"></circle> <circle cx="95" cy="102" r=5 fill="var(--clouds)"></circle> <circle cx="91" cy="102" r=5 fill="var(--clouds)"></circle> <circle cx="98" cy="99" r=5 fill="var(--clouds)"></circle> <circle cx="94" cy="95" r=5 fill="var(--clouds)"></circle> <circle cx="87" cy="100" r=5 fill="var(--clouds)"></circle> </g> <g transform="translate(-10,-26) scale(0.6)"> <circle cx="89" cy="97" r=5 fill="var(--clouds)"></circle> <circle cx="95" cy="102" r=5 fill="var(--clouds)"></circle> <circle cx="91" cy="102" r=5 fill="var(--clouds)"></circle> <circle cx="98" cy="99" r=5 fill="var(--clouds)"></circle> <circle cx="94" cy="95" r=5 fill="var(--clouds)"></circle> <circle cx="87" cy="100" r=5 fill="var(--clouds)"></circle> </g> <!-- ต้นไม้ --> <g transform="scale(1.5) translate(-120,-50)"> <rect x="161" y="71" width="4" height="25" fill="#514949"/> <circle cx="158" cy="75" r="5" fill="#215119"/> <circle cx="163" cy="75" r="5" fill="#215119"/> <circle cx="168" cy="75" r="5" fill="#215119"/> <circle cx="166" cy="72" r="5" fill="#215119"/> <circle cx="161" cy="72" r="5" fill="#215119"/> <circle cx="161" cy="70" r="5" fill="#215119"/> <circle cx="165" cy="70" r="5" fill="#215119"/> <circle cx="163" cy="66" r="5" fill="#215119"/> <circle cx="163" cy="63" r="4" fill="#215119"/> <circle cx="163" cy="62" r="3.5" fill="#215119"/> <rect x="165" y="75" width="5" height="1" fill="#514949" transform="rotate(20,40,-40) translate(28,-38)"/> </g> <!-- พุ่มไม้บังทิพย์ (หลังตึกหลัก) --> <g transform="translate(-30,-24)"> <circle cx="92" cy="92" r=5 fill="var(--tree)"></circle> <circle cx="89" cy="95" r=5 fill="var(--tree)"></circle> <circle cx="93" cy="102" r=5 fill="var(--tree)"></circle> <circle cx="96" cy="101" r=5 fill="var(--tree)"></circle> <circle cx="94" cy="96" r=5 fill="var(--tree)"></circle> <circle cx="89" cy="100" r=5 fill="var(--tree)"></circle> </g> <!-- หมิว --> <path d="M99,67 v31 Q132,97 136,82 v-50" fill="var(--windows)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M65,51.5 v30 l36.2,18 v-30" fill="var(--windows)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <!-- เสา --> <path d="M64,53 v35 Q63,88 70.5,88 v-35" fill="var(--border)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <!-- <path d="M95,69 v31 Q94,105 101,103 v-31" fill="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> --> <rect x="97" y="70" width="6.5" height="37" fill="var(--border)"></rect> <ellipse cx="100.2" cy="107" rx="3.3"ry="2" fill="var(--border)"></ellipse> <ellipse cx="67.2" cy="88" rx="3.3"ry="2" fill="var(--border)"></ellipse> <!-- พุ่มไม้บังทิพย์ (หน้าคอมม่อน) --> <g transform="translate(50,-20)"> <circle cx="89" cy="94" r=5 fill="var(--tree)"></circle> <circle cx="93" cy="102" r=5 fill="var(--tree)"></circle> <circle cx="96" cy="101" r=5 fill="var(--tree)"></circle> <circle cx="94" cy="96" r=5 fill="var(--tree)"></circle> <circle cx="89" cy="100" r=5 fill="var(--tree)"></circle> </g> <!-- กลม --> <line x1="123" y1="50" x2="123" y2="95.7" stroke="white" stroke-width="0.3"></line> <line x1="128" y1="50" x2="128" y2="93.5" stroke="white" stroke-width="0.3"></line> <line x1="133" y1="50" x2="133" y2="88.8" stroke="white" stroke-width="0.3"></line> <line x1="108" y1="50" x2="108" y2="97.5" stroke="white" stroke-width="0.3"></line> <line x1="113" y1="50" x2="113" y2="97" stroke="white" stroke-width="0.3"></line> <line x1="118" y1="50" x2="118" y2="96" stroke="white" stroke-width="0.3"></line> <path d="M104,67 v5 Q137,75 138,58 v" fill="var(--border-right)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <circle cx="55" cy="37" r="25" fill="var(--border)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-10 50 100) translate(47.5 50) skewX(38.5) scale(1 0.5)" /> <!-- ประตูข้าง -->/ <line x1="75" y1="50" x2="75" y2="86.5" stroke="white" stroke-width="0.3"></line> <line x1="80" y1="50" x2="80" y2="89" stroke="white" stroke-width="0.3"></line> <line x1="85" y1="50" x2="85" y2="91.5" stroke="white" stroke-width="0.3"></line> <line x1="90" y1="50" x2="90" y2="94" stroke="white" stroke-width="0.3"></line> <line x1="95" y1="50" x2="95" y2="96.5" stroke="white" stroke-width="0.3"></line> <g transform="translate(213,8) scale(-1,0.9)"> <path d="M120,76 v20 l2,1 v-20z" fill="var(--door)" stroke="var(--door)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M135,67 v20 l2,1 v-20z" fill="var(--door)" stroke="var(--door)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M120,75 l15,-7.9 l2,2 v20 l-15,8" fill="var(--door)" stroke="var(--door)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M125,80 l10,-5 v15.2 l-10,5.5 " fill="#7dd2fa" stroke="#7dd2fa" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" transform="translate(-1,-1.1)"/> </g> <!-- <path d="M79,74 v14.4 l10,5 v-14.4" stroke="none" stroke-width="0.5"></path> --> <path d="M79,88.4 v-1.7 l-3,1.9 l-10,10 v1.7" fill="var(--border-right)"></path> <path d="M79,88.3 l-3,1.9 l-10,10 l10,5 l10,-10 l3,-1.9 l-10,-5" fill="var(--roof)"></path> <path d="M79,88.4 v-1.7 l-3,1.9 l-10,10 v1.7" fill="var(--border-right)" transform="translate(10,5)"></path> <g transform="translate(10,5)" stroke="#cdd"> <path d="M79,86.7 v-1.7 l-3,1.9 l-10,10" stroke-width="0.6" fill="none"></path> <path d="M79,86.5 l-3,1.9 l-10,10 v-1.7" stroke-width="0.6" fill="none"></path> </g> <g transform="translate(-0.1,0)" stroke="#cdd"> <path d="M79,86.7 v-1.7 l-3,1.9 l-10,10" stroke-width="0.6" fill="none"></path> <path d="M79,86.5 l-3,1.9 l-10,10 v-1.7" stroke-width="0.6" fill="none"></path> </g> <!-- ประตู --> <path d="M120,76 v20 l2,1 v-20z" fill="var(--door)" stroke="var(--door)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M135,67 v20 l2,1 v-20z" fill="var(--door)" stroke="var(--door)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M120,75 l15,-7.9 l2,2 v20 l-15,8" fill="var(--door)" stroke="var(--door)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M125,80 l10,-5 v15.2 l-10,5.5 " fill="#7dd2fa" stroke="#7dd2fa" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"/> <!-- ชั้น2 --> <g transform="translate(0,12)"> <!-- กระจก --> <path d="M64,40 v2 l36.2,18 v-2 v2 l36,-18 v-2 z" fill="var(--border)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M64,34 v6 l36.2,18 v-6 v6 l36,-18 v-6 z" fill="var(--windows)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <g> <line x1="68" y1="30" x2="68" y2="42" stroke="white" stroke-width="0.2"></line> <line x1="73" y1="30" x2="73" y2="44.5" stroke="white" stroke-width="0.2"></line> <line x1="78" y1="30" x2="78" y2="47" stroke="white" stroke-width="0.2"></line> <line x1="83" y1="30" x2="83" y2="49.5" stroke="white" stroke-width="0.2"></line> <line x1="88" y1="30" x2="88" y2="52" stroke="white" stroke-width="0.2"></line> <line x1="93" y1="30" x2="93" y2="54.3" stroke="white" stroke-width="0.2"></line> <line x1="100" y1="30" x2="100" y2="58" stroke="white" stroke-width="0.2"></line> <line x1="107" y1="30" x2="107" y2="54.3" stroke="white" stroke-width="0.2"></line> <line x1="112" y1="30" x2="112" y2="52" stroke="white" stroke-width="0.2"></line> <line x1="117" y1="30" x2="117" y2="49.5" stroke="white" stroke-width="0.2"></line> <line x1="122" y1="30" x2="122" y2="47" stroke="white" stroke-width="0.2"></line> <line x1="127" y1="30" x2="127" y2="44.5" stroke="white" stroke-width="0.2"></line> <line x1="132" y1="30" x2="132" y2="42" stroke="white" stroke-width="0.2"></line> </g> <!-- ส่วนนูน2 --> <path d="M64,32 v2 l36.2,18 v-2 v2 l36,-18 v-2 z" fill="var(--border)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M100,13.2 l30,15 l-30,15 l-30,-15 z" fill="gray" stroke-width="0.2" transform="scale(1.2) translate(-16.5,-1.5)"></path> <!-- หลังคา2 --> <path d="M72.5,27.9 v1.5 l27.5,13.7 v-1.5" fill="var(--border-left)" stroke-width="0" stroke="black" transform="scale(1.2) translate(-16.5,-1.5)"></path> <path d="M99.9,41.5 v1.5 l27.5,-13.7 v-1.5" fill="var(--border-right)" stroke-width="0" stroke="black" transform="scale(1.2) translate(-16.5,-1.5)"></path> </g> <!-- พุ่มไม้บังทิพย์ (ข้างรันเวย์) --> <circle cx="93" cy="102" r=5 fill="var(--tree)"></circle> <circle cx="96" cy="101" r=5 fill="var(--tree)"></circle> <circle cx="94" cy="96" r=5 fill="var(--tree)"></circle> <circle cx="89" cy="100" r=5 fill="var(--tree)"></circle> <!-- ชั้นสาม --> <!-- กระจก --> <path d="M64,40 v2 l36.2,18 v-2 v2 l36,-18 v-2 z" fill="var(--border)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M64,34 v6 l36.2,18 v-6 v6 l36,-18 v-6 z" fill="var(--windows)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <g> <line x1="68" y1="30" x2="68" y2="42" stroke="white" stroke-width="0.2"></line> <line x1="73" y1="30" x2="73" y2="44.5" stroke="white" stroke-width="0.2"></line> <line x1="78" y1="30" x2="78" y2="47" stroke="white" stroke-width="0.2"></line> <line x1="83" y1="30" x2="83" y2="49.5" stroke="white" stroke-width="0.2"></line> <line x1="88" y1="30" x2="88" y2="52" stroke="white" stroke-width="0.2"></line> <line x1="93" y1="30" x2="93" y2="54.3" stroke="white" stroke-width="0.2"></line> <line x1="100" y1="30" x2="100" y2="58" stroke="white" stroke-width="0.2"></line> <line x1="107" y1="30" x2="107" y2="54.3" stroke="white" stroke-width="0.2"></line> <line x1="112" y1="30" x2="112" y2="52" stroke="white" stroke-width="0.2"></line> <line x1="117" y1="30" x2="117" y2="49.5" stroke="white" stroke-width="0.2"></line> <line x1="122" y1="30" x2="122" y2="47" stroke="white" stroke-width="0.2"></line> <line x1="127" y1="30" x2="127" y2="44.5" stroke="white" stroke-width="0.2"></line> <line x1="132" y1="30" x2="132" y2="42" stroke="white" stroke-width="0.2"></line> </g> <!-- ส่วนนูน2 --> <path d="M64,32 v2 l36.2,18 v-2 v2 l36,-18 v-2 z" fill="var(--border)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M100,13.2 l30,15 l-30,15 l-30,-15 z" fill="gray" stroke-width="0.2" transform="scale(1.2) translate(-16.5,-1.5)"></path> <!-- <!-- หลังคา2 --> <path d="M72.5,27.9 v1.5 l27.5,13.7 v-1.5" fill="var(--border-left)" stroke-width="0" stroke="black" transform="scale(1.2) translate(-16.5,-1.5)"></path> <path d="M99.9,41.5 v1.5 l27.5,-13.7 v-1.5" fill="var(--border-right)" stroke-width="0" stroke="black" transform="scale(1.2) translate(-16.5,-1.5)"></path> <!-- <path d="M100,10 l30,15 l-30,15 l-30,-15 z" fill="black" stroke-width="0.2" transform="scale(1.2) translate(-16.5,-1.5)"></path> --> <!-- หลังคาส่วนนูน --> <path d="M64,28.2 v2 l36.2,18 v-2 v2 l36,-18 v-2 z" fill="var(--border)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M100,10 l30,15 l-30,15 l-30,-15 z" fill="var(--roof)" stroke-width="0.2" transform="scale(1.2) translate(-16.5,-1.5)"></path> </g> --> </svg> </body> </html>