SVG Union Jack

✨ Jabont

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        background:#ccc;
        margin:1em;
        font-family:sans-serif;
      }
      svg{
        max-height:90vh;
        max-width:100%;
        background:white;
      }
    </style>
  </head>
  <body>
    <svg viewBox="0 0 100 50">
      <rect width="100" height="100" fill="#000066"/>
      <svg viewbox="0 0 60 30">
        <polygon fill="white"
                 points="3,0
                         60,27
                         60,30
                         57,30
                         0,3
                         0,0
                         "
                 />
        <polygon fill="#cc0100"
                 points="0,0 60,28 60,30 0,2
                         "
                 />
      </svg>
      <svg viewbox="0 0 60 30">
        <polygon fill="white"
                 points="3,0
                         60,27
                         60,30
                         57,30
                         0,3
                         0,0
                         "
                 />
        <polygon fill="#cc0100"
                 points="0,0 60,28 60,30 0,2
                         "
                 />
      </svg>
      <svg viewBox="0 0 6 3">
        <rect width="1" height="3" fill="white" x="2.5"/>
        <rect width="6" height="1" fill="white" y="1"/>
        <rect width="6" height=".6" fill="#cc0100" y="1.2"/>
        <rect width=".6" height="3" fill="#cc0100" x="2.7"/>
      </svg>
    </svg>
  </body>
</html>