SVG Flag (Branch 4871)

✨ PRENAPAT PUMJAREON

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#ccc;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
        height:90vh;
        background:white;
      }
    </style>
  </head>
  <body>
    <svg viewbox="0 0 100 100">
      <rect
            fill="violet"
            width="20"
            height="20"
            x="0"
            y="0"
            >
      </rect>
      <rect
            fill="indigo"
            width="20"
            height="20"
            x="0"
            y="20"
            >
      </rect>
      <rect
            fill="blue"
            width="20"
            height="20"
            x="0"
            y="40"
            >
      </rect>
      <rect
            fill="green"
            width="20"
            height="20"
            x="0"
            y="60"
            >
      </rect>
      <rect
            fill="yellow"
            width="20"
            height="20"
            x="0"
            y="80"
            >
      </rect>
      
      <rect
            fill="violet"
            width="20"
            height="20"
            x="0"
            y="0"
            >
      </rect>
      <rect
            fill="indigo"
            width="20"
            height="20"
            x="0"
            y="20"
            >
      </rect>
      <rect
            fill="blue"
            width="20"
            height="20"
            x="0"
            y="40"
            >
      </rect>
      <rect
            fill="green"
            width="20"
            height="20"
            x="0"
            y="60"
            >
      </rect>
      <rect
            fill="yellow"
            width="20"
            height="20"
            x="0"
            y="80"
            >
      </rect>
      
      <rect
            fill="violet"
            width="20"
            height="20"
            x="20"
            y="0"
            >
      </rect>
      <rect
            fill="indigo"
            width="20"
            height="20"
            x="20"
            y="20"
            >
      </rect>
      <rect
            fill="blue"
            width="20"
            height="20"
            x="20"
            y="40"
            >
      </rect>
      <rect
            fill="green"
            width="20"
            height="20"
            x="20"
            y="60"
            >
      </rect>
      <rect
            fill="yellow"
            width="20"
            height="20"
            x="20"
            y="80"
            >
      </rect>
      
      <rect
            fill="violet"
            width="20"
            height="20"
            x="40"
            y="0"
            >
      </rect>
      <rect
            fill="indigo"
            width="20"
            height="20"
            x="40"
            y="20"
            >
      </rect>
      <rect
            fill="blue"
            width="20"
            height="20"
            x="40"
            y="40"
            >
      </rect>
      <rect
            fill="green"
            width="20"
            height="20"
            x="40"
            y="60"
            >
      </rect>
      <rect
            fill="yellow"
            width="20"
            height="20"
            x="40"
            y="80"
            >
      </rect>
      
      <rect
            fill="violet"
            width="20"
            height="20"
            x="60"
            y="0"
            >
      </rect>
      <rect
            fill="indigo"
            width="20"
            height="20"
            x="60"
            y="20"
            >
      </rect>
      <rect
            fill="blue"
            width="20"
            height="20"
            x="60"
            y="40"
            >
      </rect>
      <rect
            fill="green"
            width="20"
            height="20"
            x="60"
            y="60"
            >
      </rect>
      <rect
            fill="yellow"
            width="20"
            height="20"
            x="60"
            y="80"
            >
      </rect>
      
      <rect
            fill="violet"
            width="20"
            height="20"
            x="80"
            y="0"
            >
      </rect>
      <rect
            fill="indigo"
            width="20"
            height="20"
            x="80"
            y="20"
            >
      </rect>
      <rect
            fill="blue"
            width="20"
            height="20"
            x="80"
            y="40"
            >
      </rect>
      <rect
            fill="green"
            width="20"
            height="20"
            x="80"
            y="60"
            >
      </rect>
      <rect
            fill="yellow"
            width="20"
            height="20"
            x="80"
            y="80"
            >
      </rect>
      
      <svg viewbox="0 0 100 100" x="35" y="0" width="30">
        <polygon 
                 points="
                         50,9
                         60.5,39.5
                         92.7,40.1
                         67,59.5
                         76.4,90.3
                         50,71.9
                         23.6,90.3
                         32.9,59.5
                         7.2,40.1
                         39.4,39.5
                         " fill="white" />
      </svg>
    </svg>
  </body>
</html>