SVG Isometric Grid (Branch 6925) (Copy 7139)
✨ นางสาวชนิกา ปรีชาพลกุล
<html> <head> <title>Let's Start </title> <style> body{ background:#f1f6ff; margin:1rem; text-align:center; font-family:sans-serif; } svg{ background:#80DEEA; box-shadow:0 0 20px #0002; width:100%; } </style> </head> <body> <svg viewBox="0 0 300 300"> <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> <!-- code here --> <rect fill="url(#isometric)" width="1000" height="1000" transform="scale(1.2)"/> <g transform="scale(1.5) translate(-32,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" transform="scale(0,)"></path> <!-- ด้านข้างตึกใหญ่ --> <g> <path d= "M140,10 v70 l90.5,45.2 v-70z" stroke="white" stroke-width="0.5" fill="rgb(100 100 100)"></path> <path d="M200.5 70 v70 l30 -15"stroke="white" stroke-width="0.5" fill="rgb(100 100 100)"></path> <!-- หลังคาตึกใหญ่ --> <path d="M140,10 l30 15 l-30 15 l-30 -15 z" fill="rgb(80 80 80)" ></path> <path d="M160,20 l30 15 l-30 15 l-30 -15 z" fill="rgb(80 80 80)"></path> <path d="M180,30 l30 15 l-30 15 l-30 -15 z" fill="rgb(80 80 80)"></path> <path d="M200,40 l30 15 l-30 15 l-30 -15 z" fill="rgb(80 80 80)"></path> <!-- ด้านหน้าตึกใหญ่ --> <path d= "M110,25 v70 l90.5,45.2 v-70z" stroke="white" stroke-width="0.5" fill="rgb(125 125 125)" ></path> </g> <!-- หน้าต่าง --> <g> <path d="M115 35 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5" ></path> <path d="M115 45 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M115 55 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M115 65 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M115 75 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M160 56 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M160 66 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M160 76 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M160 86 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M160 96 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> <path d="M160 106 v6 l36.2,18 v-2 v2 v-6 z" fill="#7b99b6" stroke="white" stroke-width="0.5"></path> </g> <!-- ลายหน้าต่าง --> <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> <svg y="20"> <!-- หมิว --> <path d="M99,67 v31 Q132,100 136,82 v-35" fill="#52779a" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M65,51.5 v30 l36.2,18 v-30" fill="#5b80a3" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M64,53 v31 Q63,88 70,86 v-31" fill="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <!-- เส้นกระจก --> <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> <line x1="108" y1="50" x2="108" y2="98.2" stroke="white" stroke-width="0.3"></line> <line x1="113" y1="50" x2="113" y2="97.8" stroke="white" stroke-width="0.3"></line> <line x1="118" y1="50" x2="118" y2="97.2" stroke="white" stroke-width="0.3"></line> <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> <path d="M104,67 v5 Q137,75 138,58 v" fill="rgb(123 121 130)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <circle cx="55" cy="37" r="25" fill="rgb(100 100 100)" 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)" /> <!-- เสา --> <rect x="97" y="70" width="6.5" height="32" fill="rgb(100 100 100)"></rect> <ellipse cx="100.2" cy="102" rx="3.3"ry="2" fill="rgb(100 100 100)"></ellipse> <ellipse cx="67" cy="85.5" rx="3"ry="2" fill="rgb(100 100 100)"></ellipse> <!-- ประตูข้าง --> <g transform="translate(213,8) scale(-1,0.9)"> <path d="M120,76 v20 l2,1 v-20z" fill="rgb(100 100 100)" stroke="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M135,67 v20 l2,1 v-20z" fill="rgb(100 100 100)" stroke="rgb(100 100 100)" 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="rgb(100 100 100)" stroke="rgb(100 100 100)" 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="#777"></path> <path d="M79,88.3 l-3,1.9 l-10,10 l10,5 l10,-10 l3,-1.9 l-10,-5" fill="#888"></path> <path d="M79,88.4 v-1.7 l-3,1.9 l-10,10 v1.7" fill="#777" 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="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> --> <!-- <circle cx="55" cy="46" r="25" fill="white" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-10 50 100) --> <!-- translate(45 50) skewX(38.5) scale(1 0.5)" /> --> <!-- <!-- ประตู --> <path d="M120,76 v20 l2,1 v-20z" fill="rgb(100 100 100)" stroke="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M135,67 v20 l2,1 v-20z" fill="rgb(100 100 100)" stroke="rgb(100 100 100)" 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="rgb(100 100 100)" stroke="rgb(100 100 100)" 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="rgb(100 100 100)" 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="#5b80a3" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <!-- <path d="M100,50 v8 l35,-19" fill="#52779a" 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="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M100.1,50 l36,-18 v1.9 l-36,18 v-1.9" fill="rgb(80 80 80)" 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="rgb(172 172 172)" 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="#686868" stroke-width="0" stroke="black" transform="scale(1.2) translate(-16.5,-1.5)"></path> </g> <!-- ชั้นสาม --> <!-- กระจก --> <path d="M64,40 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"></path> <path d="M100.1,58 l36,-18 v1.9 l-36,18 v-1.9" fill="rgb(80 80 80)" 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="#5b80a3" 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="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M100.1,50.1 l36,-18 v1.9 l-36,18 v-1.9" fill="rgb(80 80 80)" 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="rgb(172 172 172)" 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="#686868" 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="rgb(100 100 100)" stroke-width="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M100.1,46.3 l36,-18 v1.9 l-36,18 v-1.9" fill="rgb(80 80 80)" 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="gray" stroke-width="0.2" transform="scale(1.2) translate(-16.5,-1.5)"></path> </g> <!-- ต้นไม้ --> <g> <rect x="176.6" y="170" width="7" height="20" fill="brown"/> <ellipse cx="180" cy="190" rx="3.5" ry="1.25" fill="brown"/> <circle cx="180" cy="165" r="12" fill="green"/> <circle cx="189" cy="165" r="8" fill="green"/> <circle cx="185" cy="158" r="8" fill="green"/> <circle cx="177" cy="158" r="8" fill="green"/> <circle cx="172" cy="165" r="8" fill="green"/> <circle cx="176" cy="172" r="8" fill="green"/> <circle cx="185" cy="172" r="8" fill="green"/> <rect x="226.6" y="210" width="7" height="20" fill="brown"/> <ellipse cx="230" cy="230" rx="3.5" ry="1.25" fill="brown"/> <circle cx="230" cy="205" r="12" fill="green"/> <circle cx="239" cy="205" r="8" fill="green"/> <circle cx="235" cy="198" r="8" fill="green"/> <circle cx="227" cy="198" r="8" fill="green"/> <circle cx="222" cy="205" r="8" fill="green"/> <circle cx="226" cy="212" r="8" fill="green"/> <circle cx="235" cy="212" r="8" fill="green"/> </g> </svg> </svg> </body> </html>