devlag/Cookeilanden

Code

<img src="https://devlag.nl/ck.svg" alt="de vlag van Cookeilanden">

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="300" viewBox="0 0 600 300">
  <clipPath id="a">
    <path d="M0 0v75h350v75h-50zm300 0H150v200H0v-50z"/>
  </clipPath>
  <path fill="#00247d" d="M0 0h600v300H0z"/>
  <path stroke="#fff" stroke-width="30" d="M0 0l300 150m0-150L0 150"/>
  <path stroke="#cf142b" stroke-width="20" d="M0 0l300 150m0-150L0 150" clip-path="url(#a)"/>
  <path stroke="#fff" stroke-width="50" d="M150 0v200M0 75h350"/>
  <path stroke="#cf142b" stroke-width="30" d="M150 0v200M0 75h350"/>
  <path fill="#00247d" d="M300 0v150H0v150h600V0z"/>
  <g transform="translate(450 150)">
    <g id="d" fill="#fff" transform="translate(0 -102)">
      <g id="c">
        <path id="b" d="M0-22.5V0h12" transform="rotate(18 0 -22.5)"/>
        <use transform="scale(-1 1)" xlink:href="#b"/>
      </g>
      <use transform="rotate(72)" xlink:href="#c"/>
      <use transform="rotate(144)" xlink:href="#c"/>
      <use transform="rotate(216)" xlink:href="#c"/>
      <use transform="rotate(288)" xlink:href="#c"/>
    </g>
    <g id="e">
      <use transform="rotate(24)" xlink:href="#d"/>
      <use transform="rotate(48)" xlink:href="#d"/>
      <use transform="rotate(72)" xlink:href="#d"/>
      <use transform="rotate(96)" xlink:href="#d"/>
      <use transform="rotate(120)" xlink:href="#d"/>
      <use transform="rotate(144)" xlink:href="#d"/>
      <use transform="rotate(168)" xlink:href="#d"/>
    </g>
    <use transform="rotate(168)" xlink:href="#e"/>
  </g>
</svg>

Emoji