SVG Isometric Grid (Branch 7037)

✨ RUJRAWEE MEELA

<html><head><title>เนย รุจรวี มีลา (63070151)</title>
  <style>
body{
	margin:0;
}
svg{
	width:100%;
  background-image: radial-gradient(circle,#c29d57, #ba831c,#b87737,#8f5a27,
#593a1d,#14100b
);
}
    #chicken{
  transform-style: preserve-3d;
 animation: fly 0.8s infinite alternate;
  }
    @keyframes fly {
      from{transform: translate(40%,60%);}
      to {transform: translate(40%,57% );}
}
    
    #wing{
transform-style: preserve-3d;
 animation: pay 0.8s infinite alternate;
    }
    @keyframes pay{
      from{transform:rotate(0deg);}
      to{transform:rotate(40deg);}
    }
          #balloonpink{
            cursor:pointer;
      }
    #balloonpink:hover{
      cursor:pointer;
    }
    #balloongreen{
	cursor:pointer;
    }
    #balloongreen{
cursor:pointer;
    }
    .shoes1{
        fill:#2608AD;
        stroke:#2608AD;
      }
    .shoes1:hover{
      cursor:pointer;
	fill:#6a14c7;
      stroke:#6a14c7;
    }
      .shoes2{
        
        fill:#368906;
        stroke:#368906;
      }
    .shoes2:hover{
       cursor:pointer;
	fill:#db0933;
      stroke:#db0933;
    }
    .firee{
animation:fireee 2s infinite 0.5s alternate;

}
    @keyframes fireee{
      0%{transform:scale(4);}
    }
    .firee2
    {
animation:fireee2 3s infinite 1s alternate;

}
    @keyframes fireee2{
      0%{transform:scale(4);}
    }
  </style>
  </head>

<g transform="translate(0 0)">
     <path d="M0 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M10 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M20 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M30 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M40 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M50 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M60 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M70 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M80 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M90 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    
         <path d="M-6 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M4 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M14 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M24 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M34 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M44 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M54 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M64 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M74 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M84 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
             <path d="M94 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>  
  </g>
   <g transform="translate(0 0)">
     <path d="M0 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M10 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M20 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M30 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M40 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M50 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M60 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M70 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M80 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M90 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    
         <path d="M-6 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M4 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M14 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M24 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M34 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M44 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M54 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M64 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M74 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M84 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
             <path d="M94 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
  </g>
    <g transform="translate(0 0)">
     <path d="M0 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M10 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M20 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M30 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M60 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M50 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M60 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M70 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M80 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M90 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    
         <path d="M-6 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M4 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M14 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M24 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M34 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M44 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M54 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M64 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M74 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M84 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
             <path d="M94 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
      
     <path d="M0 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M10 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M20 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M30 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M40 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M50 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M60 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M70 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M80 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M90 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    
         <path d="M-6 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M4 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M14 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M24 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M34 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M44 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M54 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M64 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M74 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M84 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
             <path d="M94 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
  </g> 
  <g transform="translate(0 60)">
   
      <path d="M35 31 l2,-9 l9,15 " fill="#FF0000" stroke-width="0.8" stroke="
#FF0000
" stroke-linejoin="round" stroke-linecap="round"></path>
     <path d="0 31 l2,-9 l9,15 " fill="#FF0000" stroke-width="0.8" stroke="
#FF0000
" stroke-linejoin="round" stroke-linecap="round"></path>
      <path d="M70 31 l12,-18 l60,35 " fill="#FF0000" stroke-width="0.8" stroke="
#FF0000
" stroke-linejoin="round" stroke-linecap="round"></path>
      <path d="M4.5 27 l8,5 l15,-15 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path>
          <path d="M-10 29 l12,-10 l12,15 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path>
      
        <path d="M20 30 l6,-10 l13,15 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path>
         <path d="M40 31 l25,-6 l12,18 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path>
   <path d="M108 31 l-15,-10 l-12,18 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path>             
    
    
    <path d="M0 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
<path d="M1 40 l20,-10 l10,20 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M20 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M30 40 l16,-15 l1,20 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M40 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M50 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M60 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M70 40 l15,-7 l12,7 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M80 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M90 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path>
    
 
<path d="M-6 34 l6,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M-5 30 l13,9 9,-5 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M20 30 l-18,12 l-6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M17 30 l12,8 l3,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M26 33 l6,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M44 28 l1,16 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M62 30 l-12,9 l-6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M65 33 l12,10 l12,-20 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M51 33 l12,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M80 30 l15,10 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M94 33 l6,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>-->
  </g>
   <path class="firee" d="M-200 100 Q 1 16, 40 87 T 190 100 z" stroke="" fill="#f05000" opacity="40%"/>
  <path class="firee2" d="M100 120 Q 180 -10, 40 87 T 230 100 z" stroke="" fill="#ff2626" opacity="35%"/>
<g id="chicken" transform="translate(40% 60%)">
     <path d="M9,-28.5 l-1,-3 l3,1.5 z" fill="red"  stroke-width="0.1" stroke="red"  stroke-linejoin="round" stroke-linecap="round"></path>
     <path d="M8.5,-27 l-1,-3 l3,1.5 z" fill="red"  stroke-width="0.1" stroke="red"  stroke-lin5ejoin="round" stroke-linecap="round"></path>
  <path d="M11.5,-30 l1,-0.9 l2.2,1 v2 z" fill="red"  stroke-width="0.1" stroke="red"  stroke-linejoin="round" stroke-linecap="round"></path>
<path d="M-1,7.1 l-3,-0 l-4,2 l4,2 z " fill="#cfba9b" stroke-width="0.2" stroke="#cfba9b"></path>
<path d="M13.7,7.3 l11.2,-5 l-5,-14 l-9,4.3 z" fill="#f5d198" stroke-width="0.25" stroke="#f5d198"></path>
<path d="M0,0 l14,7 l-4,10 l-12,-10" fill="#f5d198" stroke-width="0.25" stroke="#f5d198" stroke-linejoin="round" stroke-linecap="round"></path>
<path d="M14,7 l11,-5 l-4,10 l-11,5" fill="#8f7654"></path>
<path d="M0,0 l11,-7.5 l3,14.6 z   " fill="#fadeb1" stroke-width=".25" stroke=""></path>
<path d="M0,0 l2,-9 l9,1.8 z   " fill="#fce6c2" stroke-width="0" stroke="black" stroke-linejoin="round" stroke-linecap="round"></path>
<path d="M2,-9 l5,-18 l4,-3 l 4,1 l1,2 l-2.5,6 l6.6,10 l-8.9,4.5 z " fill="#fadeb1" stroke-width="0.3" stroke="#fadeb1" stroke-linejoin="round" stroke-linecap="round"></path>
<path d="M15.3,-24.8 l-1.5,4.5 l-4.5,0.1 l1.5,-4.5z" fill="#f5d198" stroke-width="0" stroke="#f5d198" stroke-linejoin="round" stroke-linecap="round"></path>
    <path d="M21.2,9.4 l-1,7 l-1.5,-0.6 l1,-7" fill="#d19c15" stroke-width="0.2" stroke="#d19c15"></path>
    <path d="M20.8,8.4 l-1,7 l1.5,-0.6 l1,-7" fill="#EABF00" stroke-width="0.2" stroke="#D1B96A"></path>
 <path class="shoes1" d="M18.8,19.5 c8,3 8,-5 0,-5z " fill="#2608AD" stroke-width="0.2" stroke="#2608AD"></path>
  
    <path d="M16.9,15.2 l1,7 l-1.5,-0.6 l-1,-7" fill="#d19c15" stroke-width="0.2" stroke="#d19c15"></path>
    <path d="M16.5,15 l1,7 l1.5,-0.6 l-1,-7" fill="#EABF00" stroke-width="0.2" stroke="#D1B96A"></path>
 <path class="shoes2"d="M16.8,25 c10,-1 6,-8 -1,-5z c-10,-1 2 -1,-5" fill="#368906" stroke-width="0.2" stroke="#368906"></path>

</g>
  
    <g id="balloonnah "transform="translate(-20 0) " onclick="balloonnn(this)">
    <path d="M-7.1 -7.6 l2,-5.5 l5,-3.5 v7z" fill="
#42ad47" stroke-width="0.3" stroke="#42ad47" stroke-linejoin="round" stroke-linecap="round"/>
     <path d="M0.2 -9.5 v-7 l4.5,2 l3,6" fill="
#42ad47" stroke-width="0.3" stroke="#42ad47" stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M-3 -6 l0.3,-8 l2.5,-2.5 l2.5,2.5 l0.3,6.8" fill="
#53c956" stroke-width="0.3" stroke="#53c956" stroke-linejoin="round" stroke-linecap="round"/>
    
    <path d="M-6.1 -4.4 l-1,-4 l5.5,-0.4 l-0.3,4" fill="
#2c912f" stroke-width="0.3" stroke="#2c912f" stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M-1.6 -4.4 l0.3,-4.5 h5 l-0.5,4" fill="
#4cb04f" stroke-width="0.3" stroke="#4cb04f" stroke-linejoin="round" stroke-linecap="round"/>
     <path d="M2.1 -4.4 l0.3,-4.5 h5.5 l-2,4.4" fill="
#32a635" stroke-width="0.3" stroke="#32a635" stroke-linejoin="round" stroke-linecap="round"/>
    
        <path d="M-4.1 -2.4 l-2,-2 4.5,-0.3 l-0.5,3" fill="
#145c16" stroke-width="0.3" stroke="#145c16" stroke-linejoin="round" stroke-linecap="round"/>
     <path d="M-1.8 -2.4  l0.5,-2.4 l4.3,-0.1 l0.5,3" fill="#329c34" stroke-width="0.3" stroke="#329c34"  stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M2.6 -2.5 l-0.5,-2.5 h4 l-2.6,3" fill="#2c912f" stroke-width="0.3" stroke="#2c912f" stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M0 0 l-1.5,2 h3 z" fill="#0e260e" stroke-width="0.3" stroke="#0e260e"  stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M0 -0.3 l4,-2 h-8 z" fill="
#173d18
" stroke-width="0.3" stroke="
#173d18
" stroke-linejoin="round" stroke-linecap="round"/>

</g>
  
   <g id="balloonpink" transform="translate(27 -42.6) rotate(20)"  onclick="balloon(this)">
    <path d="M-6.2 -6.4 l2,-4.5 l5,-3.5 v6z" fill="
#f06cae" stroke-width="0.3" stroke="#f06cae" stroke-linejoin="round" stroke-linecap="round"/>
     <path d="M0.7 -8.5 v-6 l4,3 l1.8,4" fill="
#f06cae" stroke-width="0.3" stroke="#f06cae" stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M-1 -6 l0.3,-5.8 l1.5,-2.5 l1.5,2.5 l0.3,5.8" fill="
#ff96ca" stroke-width="0.3" stroke="#ff96ca" stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M-6.1 -4.4 l0,-3 l4.5,-0.4 l-0.3,4" fill="
#cf5b95" stroke-width="0.3" stroke="#cf5b95" stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M-1.6 -4.4 l0.3,-3.5 h5 l-0.5,3" fill="
#eb6ead" stroke-width="0.3" stroke="#eb6ead" stroke-linejoin="round" stroke-linecap="round"/>
     <path d="M2.1 -4.4 l0.3,-3.5 h4 l-0.5,3" fill="
#f2499e" stroke-width="0.3" stroke="#f2499e" stroke-linejoin="round" stroke-linecap="round"/>
        <path d="M-4.1 -2.4 l-2,-2 4.5,-0.3 l-0.5,3" fill="
#ba4580" stroke-width="0.3" stroke="#ba4580" stroke-linejoin="round" stroke-linecap="round"/>
     <path d="M-1.8 -2.4  l0.5,-2.4 l4.3,-0.1 l0.5,3" fill="#de5d9e" stroke-width="0.3" stroke="#de5d9e"  stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M2.6 -2.5 l-0.5,-2.5 h4 l-2.6,3" fill="#d44c90" stroke-width="0.3" stroke="#d44c90" stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M0 0 l-1.5,2 h3 z" fill="#7a003e" stroke-width="0.3" stroke="#7a003e"  stroke-linejoin="round" stroke-linecap="round"/>
    <path d="M0 -0.3 l4,-2 h-8 z" fill="
#c44384
" stroke-width="0.3" stroke="
#c44384
" stroke-linejoin="round" stroke-linecap="round"/>
  
  </g>
  </g>

</svg>
<img src="https://cdn.discordapp.com/attachments/798606239537954816/840553738989338644/unknown.png">
<script>
         function balloon(){
            alert("“น้องไก่น่ารักมั้ยค้าบบ :p ”")
       }
       function balloonn(){
            alert("“วิชามัลติสนุกที่สุดเลยค่าา :)”")
       }
  function balloonnn(){
            alert("“ไ่ก่อบโอ่งร้อนๆคับบ”")
       }
  
  </script>
</body>
</html>