it – CODEBOX

it

✨ ai tax

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#f1f6ff;
        margin:1rem;
        text-align:center;
        font-family:sans-serif;
      }
      svg{
        background:#A0FA78;
        box-shadow:0 0 20px #0002;
        width:100%;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 400 350">
      <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>
        <g id="เสา">
          <path stroke="#f00" stroke-width="0" fill="#EEEEEE"
                d="m0 0 v-20 l2.5,1.25 v20"/>
          <path stroke="#f00" stroke-width="0" fill="#BDBDBD"
                d="m2.5 1.25 v-20 l2.5,-1.25 v20"/>
          <path stroke="#f00" stroke-width="0" fill="#616161"
                d="m0 -20 l2.5,1.25 l2.5,-1.25 l-2.5,-1.25"/>
        </g>
        <g id="ลำต้น">
          <path
            stroke="#f00"
            stroke-width="0"
            fill="#8B4513"
            d="m0 0 v-20 l2.5,1.25 v20"
          />
          <path
            stroke="#f00"
            stroke-width="0"
            fill="#8B4513"
            d="m2.5 1.25 v-20 l2.5,-1.25 v20"
          />
          <path
            stroke="#f00"
            stroke-width="0"
            fill="#70380f"
            d="m0 -20 l2.5,1.25 l2.5,-1.25 l-2.5,-1.25"
          />
        </g>
        <g id="ฟุตบาท">
            <path stroke="#f000" stroke-width="1" fill="#FFD1A5"
                  d="m0 0 v5 l25 12.5 l330 -165 v-5 l-25 -12.5"
                  >
            </path>
              <path stroke="#f000" stroke-width="1" fill="#0002"
                d="m0 0 v5 l25 12.5 v-5 z"
                />
          <path stroke="#f000" stroke-width="1" fill="#0004"
                d="m25 12.5 v5 l290,-145 l40 -20 v-5 z"
                />
                </g>
        <g id="เส้นกำแพง">
          <path stroke="#f00" stroke-width="0" fill="#FFFFFF"
                d="m2.5 1.25 v-15 l1.5 -0.5 v15"/>
          <path stroke="#f00" stroke-width="0" fill="#FFFFFF"
                d="m10.5 -2.5 v-15 l1.5 -0.5 v15"/>
          <path stroke="#f00" stroke-width="0" fill="#FFFFFF"
                d="m18.5 -6.5 v-15 l1.5 -0.5 v15"/>
          <path stroke="#f00" stroke-width="0" fill="#FFFFFF"
                d="m-1 -7.5 v2 l24.5 -12 v-2"/>
          <path stroke="#f00" stroke-width="0" fill="#FFFFFF"
                d="m-1 -2.5 v2 l24.5 -12 v-2"/>
        </g>
        <g id="กำแพง">
          <path stroke="#f00" stroke-width="0" fill="#F5A078"
                d="m0 0 v-15 l2.5,1.25 v15"/>
          <path stroke="#f00" stroke-width="0" fill="#F48552"
                d="m2.5 1.25 v-15 l2.5,-1.25 v15"/>
          <path stroke="#f00" stroke-width="0" fill="#B57253"
                d="m0 -15 l2.5,1.25 l2.5,-1.25 l-2.5,-1.25"/>
        </g>
        <pattern id="grass"
                 viewBox="0 0 10 10"
                 patternUnits="userSpaceOnUse"
                 x="0" y="0"
                 width="10" height="10"
                 >
          <rect width="100" height="100" fill="#A0FA78"/>
          <path stroke="#6DD66D" fill="transparent"
                stroke-linejoin="square"
                d="m1,5 h1 l1,-1 l1,1 l1,-1 l1,1 h1"
                />
        </pattern>
      </defs>
                  <rect fill="url(#grass)" 
            width="1800" height="1800"/>
              
<g transform="translate(0 350)">
            <path stroke="#f000" stroke-width="1" fill="#757575"
                  d="m0 0 l250 125 l450 -225 l-250 -125"
                  />
          <path stroke="#ffff" stroke-width="2" fill="#6ED746"
                  d="m170 5 l20 10 l250 -125 l-20 -10"
                  />
            <path stroke="#ffff" stroke-width="2" fill="#757575"
                  d="m150 2 l20 10 l250 -125 l-20 -10"
                  />
                </g>
        <g transform="translate(-110 250)">
            <path stroke="#f000" stroke-width="1" fill="#757575"
                  d="m0 0 l170 85 l100 -50 l-170 -85"
                  />
          <path stroke="#f000" stroke-width="1" fill="#fff"
                  d="m160 40 l40 20 l20 -10 l-40 -20"
                  />
          <path stroke="#f000" stroke-width="1" fill="#fff"
                  d="m100 10 l40 20 l20 -10 l-40 -20"
                  />
          </g>