SVG ตึกคณะ (Branch 7019) (Copy 7245)

✨ SUPAPHOL KODTOM

<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 200 160">
      //ดวงอาทิตย์
      <circle fill="yellow" r="7" cx="188" cy="20"></circle>
      <circle fill="yellow" r="7" cx="180" cy="12"></circle>
      <circle fill="yellow" r="7" cx="172" cy="20"></circle>
      <circle fill="yellow" r="7" cx="180" cy="28"></circle>
      <circle fill="orange" r="7.5" cx="180" cy="20"></circle>
      <circle fill="#80DEEA" r="7" cx="195.8" cy="20"></circle>
      <circle fill="#80DEEA" r="7" cx="180" cy="4"></circle>
      <circle fill="#80DEEA" r="7" cx="164" cy="20"></circle>
      <circle fill="#80DEEA" r="7" cx="180" cy="35.5"></circle>
      //เมฆ
      <circle fill="#E7DEDE" r="5" cx="145" cy="20"></circle>
      <circle fill="#E7DEDE" r="7" cx="136.9" cy="18.8"></circle>
      <circle fill="#E7DEDE" r="9" cx="127" cy="18.8"></circle>
      <circle fill="#E7DEDE" r="7" cx="118" cy="18"></circle>
      <circle fill="#E7DEDE" r="5" cx="109" cy="18"></circle>
      <circle fill="white" r="5" cx="143" cy="20"></circle>
      <circle fill="white" r="7" cx="135" cy="20"></circle>
      <circle fill="white" r="9" cx="125" cy="20"></circle>
      <circle fill="white" r="7" cx="115" cy="20"></circle>
      <circle fill="white" r="5" cx="106" cy="20"></circle>
      <circle fill="#E7DEDE" r="5" cx="89" cy="20"></circle>
      <circle fill="#E7DEDE" r="7" cx="80" cy="18.8"></circle>
      <circle fill="#E7DEDE" r="9" cx="72" cy="18.8"></circle>
      <circle fill="#E7DEDE" r="7" cx="64" cy="18"></circle>
      <circle fill="#E7DEDE" r="5" cx="57" cy="18"></circle>
      <circle fill="white" r="5" cx="87" cy="20"></circle>
      <circle fill="white" r="7" cx="79" cy="20"></circle>
      <circle fill="white" r="9" cx="69" cy="20"></circle>
      <circle fill="white" r="7" cx="60" cy="20"></circle>
      <circle fill="white" r="5" cx="57" cy="20"></circle>
     
     //พื้นหญ้า
    <path d="M0 50 L200 50 L200 160 L0 160 z"
				stroke-width="0"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#3aba5d" />
     //ถนนหลังตึก
      <path d="M115 70 L50 50 L90 50 L138 65 L130 75"
				stroke-width="0.5"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
      //ตึก
     <path d="M25 10 L89 24 L77 35 L13 20 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      <path d="M89 24 L89 69 L77 80 L77 35 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      
      <path d="M80 71 L87 65 L87 55 L80 61 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#abe8ff" />
   
      <path d="M77 80 L13 60 L13 20 L77 35"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      //สระน้ำ
		<path d="M48 82 L35 92.5 L54 98 L65 89 z"
            stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#33ffff"/>
      <path d="M35 92.5 L35 94.5 L54 99.7 L54 98 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#879499" />
      <path d="M54 98 L54 99.7 L65 91 L64.5 89.5 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      //หน้าต่างตึกใหญ่
      <path d="M77 40 L74 39.3 L74 44 L77 44.7"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#18678c" />
      <path d="M74 39.3 L71 38.6 L71 43.3 L74 44"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#1b749e" />
       <path d="M71 38.6 L68 37.9 L68 42.6 L71 43.3"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#1b749e" />
      <path d="M68 37.9 L65 37.2 L65 41.9 L68 42.6"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#2286b5" />
      <path d="M65 37.2 L62 36.5 L62 41.2 L65 41.9"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#3297c7" />
      <path d="M62 36.5 L59 35.8 L59 40.5 L62 41.2"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#3ea5d6" />
      <path d="M59 35.8 L56 35.1 L56 39.8 L59 40.5"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#4daad6" />
      
      <path d="M77 55 L74 54.3 L74 59 L77 59.7"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#18678c" />
      <path d="M74 54.3 L71 53.6 L71 58.3 L74 59"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#1b749e" />
       <path d="M71 53.6 L68 52.9 L68 57.6 L71 58.3"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#1b749e" />
      <path d="M68 52.9 L65 52.2 L65 56.9 L68 57.6"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#2286b5" />
      <path d="M65 52.2 L62 51.5 L62 56.2 L65 56.9"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#3297c7" />
      
       <path d="M13 60 L60 72.5 L60 50 L13 38.5 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
       <path d="M60 50 L45 62 L1 50 L13 38.5"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#0000" />
       <path d="M1 50 L1 72 L13 60 L13 38.5"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M1 72 L45 84 L45 62 L1 50"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      //หน้าต่างตึกกลาง
      <path d="M45 66.8 L42 66.1 L42 70.8 L45 71.5 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#18678c" />
      <path d="M42 66 L39 65.3 L39 70 L42 70.7 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#1b749e" />
      <path d="M39 65.2 L36 64.5 L36 69.2 L39 69.9 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#1b749e" />
      <path d="M36 64.4 L33 63.7 L33 68.4 L36 69.1 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#2286b5" />
      <path d="M33 63.6 L30 62.9 L30 67.6 L33 68.3 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#3297c7" />
       <path d="M30 62.8 L27 62.1 L27 66.8 L30 67.5 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#3ea5d6" />
      <path d="M27 62 L24 61.3 L24 66 L27 66.7 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#4daad6" />
       <path d="M24 61.2 L21 60.5 L21 65.2 L24 65.9 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#67b6db" />
       <path d="M21 60.4 L18 59.7 L18 64.4 L21 65.1 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#78bdde" />
       <path d="M18 59.6 L15 58.9 L15 63.6 L18 64.3 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#8dcceb" />
      <path d="M15 58.8 L12 58.1 L12 62.8 L15 63.5 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a9d5eb" />
       <path d="M12 58 L9 57.3 L9 62 L12 62.7 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#8dcceb" />
      <path d="M9 57.2 L6 56.5 L6 61.2 L9 61.9 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a9d5eb" />
      <path d="M6 56.4 L3 55.7 L3 60.4 L6 61.1 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#8dcceb" />
      <path d="M3 55.6 L1 54.9 L1 59.6 L3 60.3 z"
				stroke-width="0.5"
            stroke="#a2b3ba"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a9d5eb" />
      
       <path d="M45 84 L60 72.5 L60 50 L45 62"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M60 50 L45 62 L1 50 L13 38.5"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      <path d="M13 38.5 L55 36 L55 48"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M55 36 L43 45 L43 57.5 L55 48"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M43 45 L43 57.5 L6 47.5 L6 36 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M43 45 L6 36 L18 27 L55 36"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      //บันไดขั้นเเรก
      <path d="M77 80 L64.5 89.5 L45 84 L60 72.5 z "
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
       <path d="M77 80 L77 78 L64.5 87.5 L64.5 89.5"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M64.5 89.5 L64.5 87.5 L45 82 L45 84"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#879499" />
      <path d="M77 78 L64.5 87.5 L45 82 L60 71.5 z "
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      //บันไดขั้นสอง
      <path d="M71.5 75.5 L61.5 82.5 L49 79 L60 70.5 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
       <path d="M71.5 75.5 L71.5 73.5 L61.5 80.5 L61.5 82.5"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M61.5 82.5 L61.5 80.5 L49 77 L49 79"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#879499" />
      <path d="M71.5 73.5 L61.5 80.5 L49 77 L60 69.5 z "
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      <path d="M52 75 L52 68 L57 64 L57 71.5"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#12a4db" />

//โรงอาหาร
       <path d="M158 69 L137 100 L180 111 L197 79 z "
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M137 100 L137 97 L180 108 L180 111"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      <path d="M180 111 L180 108 L197 77 L197 79"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      <path d="M158 67 L137 97 L180 108 L197 77 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      <path d="M137 97 L137 77 L180 88 L180 108"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
       <path d="M180 108 L180 88 L197 57 L197 77"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#a2b3ba" />
      <path d="M158 47 L137 77 L180 88 L197 57 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="gray" />
      <path d="M150 71 L176 78 L186 61 L162 54 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#263238" />
      
      <path d="M150 71 L167 60 L176 78 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
       <path d="M176 78 L167 60 L186 61 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#263238" />
       <path d="M162 54 L167 60 L186 61 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#546E7A" />
       <path d="M186 61 L167 60 L162 54 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
      //หน้าต่างโรงอาหาร
      <path d="M143 85 L152,87.3 L152,96 L143,93.8 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#8E44AD" />
      <path d="M143 85 L147.6,86.3 L147.6,94.9 L143,93.7 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#BB8FCE" />
       <path d="M163 90 L172,92.5 L172,101 L163,98.6 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#5B2C6F" />
      <path d="M163 90 L168,91.5 L168,100 L163,98.6 z"
				stroke-width="0.5"
            stroke="gray"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#8E44AD" />
      //ถนน
      <path d="M0 100 L70 118 L50 140 L0 128"
				stroke-width="0"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
      <path d="M70 118 L115 70 L130 75 L90 125"
				stroke-width="0.5"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
      <path d="M0 100 L200 150 L200 175 L0 128 "
				stroke-width="0.5"
            stroke="gold"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
      <path d="M71 118 L91 122.5"
				stroke-width="0.5"
            stroke="#37474F"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
       <path d="M129.5 74.5 115.5 70"
				stroke-width="0.5"
            stroke="#37474F"
            stroke-linecap="round"
            stroke-linejoin="round"
            fill="#37474F" />
      //เส้นถนน
      <path d="M0 115 L8 117 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
       <path d="M18 119.2 L26 121.2 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
      <path d="M36 123.5 L44 125.5 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
      <path d="M54 128 L62 130 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
       <path d="M72 132.3 L80 134.3 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
      <path d="M90 136.5 L98 138.5 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
      <path d="M108 141 L116 143 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
       <path d="M126 145.2 L134 147 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
       <path d="M144 149.5 L152 151.5 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
       <path d="M162 154 L170 156 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
       <path d="M180 158 L188 160 "
				stroke-width="1"
            stroke="white"
            stroke-linecap="round"
            stroke-linejoin="round"/>
      //ต้นไม้
      <circle fill="#0B5345" r="6" cx="7" cy="94.6"></circle>
      <circle fill="#1E8449 " r="6" cx="16" cy="97"></circle>
      <circle fill="#148F77 " r="6" cx="25" cy="99"></circle>
      <circle fill="#0B5345" r="6" cx="34" cy="101"></circle>
      <circle fill="#82E0AA " r="6" cx="42" cy="103"></circle>
      <circle fill="#186A3B" r="6" cx="51" cy="105"></circle>
      <circle fill="#0B5345" r="6" cx="60" cy="107"></circle>
      <circle fill="#1E8449 " r="6" cx="69" cy="109"></circle>
      <circle fill="#148F77 " r="6" cx="103" cy="119"></circle>
      <circle fill="#0B5345" r="6" cx="112" cy="121"></circle>
      <circle fill="#82E0AA " r="6" cx="121" cy="123"></circle>
      <circle fill="#186A3B " r="6" cx="130" cy="125"></circle>
      <circle fill="#0B5345" r="6" cx="139" cy="127"></circle>
      <circle fill="#1E8449 " r="6" cx="148" cy="129"></circle>
      <circle fill="#148F77 " r="6" cx="157" cy="131"></circle>
      <circle fill="#0B5345" r="6" cx="166" cy="133"></circle>
      <circle fill="#82E0AA" r="6" cx="175" cy="135"></circle>
      <circle fill="#186A3B " r="6" cx="184" cy="137"></circle>
      <circle fill="#0B5345" r="6" cx="193" cy="139"></circle>
      <circle fill="#1E8449 " r="6" cx="203" cy="141"></circle>
      <circle fill="#0B5345" r="6" cx="4" cy="136"></circle>
      <circle fill="#82E0AA" r="6" cx="13" cy="138"></circle>
      <circle fill="#186A3B " r="6" cx="22" cy="140"></circle>
      <circle fill="#0B5345" r="6" cx="31" cy="142"></circle>
      <circle fill="#1E8449 " r="6" cx="40" cy="144"></circle>
      <circle fill="#0B5345" r="6" cx="49" cy="146"></circle>
      <circle fill="#82E0AA" r="6" cx="58" cy="148"></circle>
      <circle fill="#186A3B " r="6" cx="67" cy="150"></circle>
      <circle fill="#0B5345" r="6" cx="76" cy="152"></circle>
      <circle fill="#1E8449 " r="6" cx="85" cy="154"></circle>
      <circle fill="#0B5345" r="6" cx="94" cy="156"></circle>
      <circle fill="#82E0AA" r="6" cx="103" cy="158"></circle>
      <circle fill="#186A3B " r="6" cx="112" cy="160"></circle>
      <circle fill="#0B5345" r="6" cx="121" cy="162"></circle>
      <circle fill="#1E8449 " r="6" cx="130" cy="164"></circle>
      
      </svg>
  </body>
</html>