<svg class='one' preserveAspectRatio="xMidYMin meet" viewBox="0 0 200 200">
  <title>spaceship</title>
  <g id="spacecraft">
    <g id="ship">
      <g>
        <path id="bottomLight" d="M24.044,133.246s26.932,23.782,74.6,23.782,79.636-24.249,79.636-24.249Z" fill="#9fffed"/>
        <ellipse cx="100.708" cy="121.886" rx="87.192" ry="23.829" fill="#3edbcc"/>
        <path d="M183.165,116.58h0a12.467,12.467,0,0,0-2.516-2.662c-17.7-17.841-41.211-24.093-41.211-24.093H61.353C32.377,98.532,19.6,113.6,17.837,115.818c-.02.024-.038.048-.057.072-.107.136-.163.211-.164.212a6.476,6.476,0,0,0-1.5,3.952c0,11.558,37.656,20.928,84.107,20.928s84.106-9.37,84.106-20.928A6.2,6.2,0,0,0,183.165,116.58Z" fill="#5f6798"/>
        <g id="lights">
          <ellipse cx="100.465" cy="118.41" rx="7.407" ry="5.247" fill="#88ffe8"/>
          <path d="M67.661,114.008c.669,2.235-1.856,4.963-5.638,6.095s-7.391.238-8.06-2,1.856-4.963,5.639-6.095S66.993,111.774,67.661,114.008Z" fill="#88ffe8"/>
          <path d="M42.546,106.421c.765,1.326-.99,3.772-3.922,5.465s-5.927,1.989-6.693.663.99-3.772,3.922-5.464S41.78,105.1,42.546,106.421Z" fill="#88ffe8"/>
          <path d="M158.148,106.421c-.765,1.326.991,3.772,3.922,5.465s5.928,1.989,6.693.663-.99-3.772-3.921-5.464S158.914,105.1,158.148,106.421Z" fill="#88ffe8"/>
          <path d="M133.181,114.008c-.669,2.235,1.856,4.963,5.639,6.095s7.39.238,8.059-2-1.856-4.963-5.639-6.095S133.849,111.774,133.181,114.008Z" fill="#88ffe8"/>
          <path d="M30.027,104.794a8.77,8.77,0,0,1,3.94-4.268,8.939,8.939,0,0,1,5.054-1.4Z" fill="#88ffe8"/>
          <path d="M170.738,105.415a8.766,8.766,0,0,0-3.952-4.256,8.939,8.939,0,0,0-5.058-1.382Z" fill="#88ffe8"/>
        </g>
      </g>
      <ellipse cx="100.708" cy="89.825" rx="39.043" ry="7.624" fill="#cf7ddb"/>
      <path d="M136.643,90.466a1.173,1.173,0,0,0,.659-1.273c-2.833-15.147-18.131-26.721-36.591-26.721s-33.773,11.585-36.6,26.742a1.172,1.172,0,0,0,.538,1.212c2.145,1.315,10.286,4.828,36.058,4.828C123.132,95.254,132.865,92.235,136.643,90.466Z" fill="#3edbcc"/>
      <path d="M108.115,62.951c0,.529-3.316.959-7.407.959s-7.406-.43-7.406-.959,3.316-.96,7.406-.96S108.115,62.421,108.115,62.951Z" fill="#5f6798"/>
      <g>
        <path d="M100.73,62.951h-.044a.91.91,0,0,1-.909-.91V43.64h1.862v18.4A.91.91,0,0,1,100.73,62.951Z" fill="#5f6798"/>
        <path d="M103.523,43.64a2.815,2.815,0,1,1-2.815-2.814A2.814,2.814,0,0,1,103.523,43.64Z" fill="#5f6798"/>
      </g>
    </g>
  </g>
  <path d="M192,8V192H8V8H192m8-8H0V200H200V0Z" fill="#4d4d84"/>
</svg>


<svg class='two' preserveAspectRatio="xMidYMax meet" viewBox="0 0 200 200">
  <title>spaceship</title>
  <g id="spacecraft">
    <g id="ship">
      <g>
        <path id="bottomLight" d="M24.044,133.246s26.932,23.782,74.6,23.782,79.636-24.249,79.636-24.249Z" fill="#9fffed"/>
        <ellipse cx="100.708" cy="121.886" rx="87.192" ry="23.829" fill="#3edbcc"/>
        <path d="M183.165,116.58h0a12.467,12.467,0,0,0-2.516-2.662c-17.7-17.841-41.211-24.093-41.211-24.093H61.353C32.377,98.532,19.6,113.6,17.837,115.818c-.02.024-.038.048-.057.072-.107.136-.163.211-.164.212a6.476,6.476,0,0,0-1.5,3.952c0,11.558,37.656,20.928,84.107,20.928s84.106-9.37,84.106-20.928A6.2,6.2,0,0,0,183.165,116.58Z" fill="#5f6798"/>
        <g id="lights">
          <ellipse cx="100.465" cy="118.41" rx="7.407" ry="5.247" fill="#88ffe8"/>
          <path d="M67.661,114.008c.669,2.235-1.856,4.963-5.638,6.095s-7.391.238-8.06-2,1.856-4.963,5.639-6.095S66.993,111.774,67.661,114.008Z" fill="#88ffe8"/>
          <path d="M42.546,106.421c.765,1.326-.99,3.772-3.922,5.465s-5.927,1.989-6.693.663.99-3.772,3.922-5.464S41.78,105.1,42.546,106.421Z" fill="#88ffe8"/>
          <path d="M158.148,106.421c-.765,1.326.991,3.772,3.922,5.465s5.928,1.989,6.693.663-.99-3.772-3.921-5.464S158.914,105.1,158.148,106.421Z" fill="#88ffe8"/>
          <path d="M133.181,114.008c-.669,2.235,1.856,4.963,5.639,6.095s7.39.238,8.059-2-1.856-4.963-5.639-6.095S133.849,111.774,133.181,114.008Z" fill="#88ffe8"/>
          <path d="M30.027,104.794a8.77,8.77,0,0,1,3.94-4.268,8.939,8.939,0,0,1,5.054-1.4Z" fill="#88ffe8"/>
          <path d="M170.738,105.415a8.766,8.766,0,0,0-3.952-4.256,8.939,8.939,0,0,0-5.058-1.382Z" fill="#88ffe8"/>
        </g>
      </g>
      <ellipse cx="100.708" cy="89.825" rx="39.043" ry="7.624" fill="#cf7ddb"/>
      <path d="M136.643,90.466a1.173,1.173,0,0,0,.659-1.273c-2.833-15.147-18.131-26.721-36.591-26.721s-33.773,11.585-36.6,26.742a1.172,1.172,0,0,0,.538,1.212c2.145,1.315,10.286,4.828,36.058,4.828C123.132,95.254,132.865,92.235,136.643,90.466Z" fill="#3edbcc"/>
      <path d="M108.115,62.951c0,.529-3.316.959-7.407.959s-7.406-.43-7.406-.959,3.316-.96,7.406-.96S108.115,62.421,108.115,62.951Z" fill="#5f6798"/>
      <g>
        <path d="M100.73,62.951h-.044a.91.91,0,0,1-.909-.91V43.64h1.862v18.4A.91.91,0,0,1,100.73,62.951Z" fill="#5f6798"/>
        <path d="M103.523,43.64a2.815,2.815,0,1,1-2.815-2.814A2.814,2.814,0,0,1,103.523,43.64Z" fill="#5f6798"/>
      </g>
    </g>
  </g>
  <path d="M192,8V192H8V8H192m8-8H0V200H200V0Z" fill="#4d4d84"/>
</svg>


<svg class='three' preserveAspectRatio="xMidYMid slice" viewBox="0 0 200 200">
  <title>spaceship</title>
  <g id="spacecraft">
    <g id="ship">
      <g>
        <path id="bottomLight" d="M24.044,133.246s26.932,23.782,74.6,23.782,79.636-24.249,79.636-24.249Z" fill="#9fffed"/>
        <ellipse cx="100.708" cy="121.886" rx="87.192" ry="23.829" fill="#3edbcc"/>
        <path d="M183.165,116.58h0a12.467,12.467,0,0,0-2.516-2.662c-17.7-17.841-41.211-24.093-41.211-24.093H61.353C32.377,98.532,19.6,113.6,17.837,115.818c-.02.024-.038.048-.057.072-.107.136-.163.211-.164.212a6.476,6.476,0,0,0-1.5,3.952c0,11.558,37.656,20.928,84.107,20.928s84.106-9.37,84.106-20.928A6.2,6.2,0,0,0,183.165,116.58Z" fill="#5f6798"/>
        <g id="lights">
          <ellipse cx="100.465" cy="118.41" rx="7.407" ry="5.247" fill="#88ffe8"/>
          <path d="M67.661,114.008c.669,2.235-1.856,4.963-5.638,6.095s-7.391.238-8.06-2,1.856-4.963,5.639-6.095S66.993,111.774,67.661,114.008Z" fill="#88ffe8"/>
          <path d="M42.546,106.421c.765,1.326-.99,3.772-3.922,5.465s-5.927,1.989-6.693.663.99-3.772,3.922-5.464S41.78,105.1,42.546,106.421Z" fill="#88ffe8"/>
          <path d="M158.148,106.421c-.765,1.326.991,3.772,3.922,5.465s5.928,1.989,6.693.663-.99-3.772-3.921-5.464S158.914,105.1,158.148,106.421Z" fill="#88ffe8"/>
          <path d="M133.181,114.008c-.669,2.235,1.856,4.963,5.639,6.095s7.39.238,8.059-2-1.856-4.963-5.639-6.095S133.849,111.774,133.181,114.008Z" fill="#88ffe8"/>
          <path d="M30.027,104.794a8.77,8.77,0,0,1,3.94-4.268,8.939,8.939,0,0,1,5.054-1.4Z" fill="#88ffe8"/>
          <path d="M170.738,105.415a8.766,8.766,0,0,0-3.952-4.256,8.939,8.939,0,0,0-5.058-1.382Z" fill="#88ffe8"/>
        </g>
      </g>
      <ellipse cx="100.708" cy="89.825" rx="39.043" ry="7.624" fill="#cf7ddb"/>
      <path d="M136.643,90.466a1.173,1.173,0,0,0,.659-1.273c-2.833-15.147-18.131-26.721-36.591-26.721s-33.773,11.585-36.6,26.742a1.172,1.172,0,0,0,.538,1.212c2.145,1.315,10.286,4.828,36.058,4.828C123.132,95.254,132.865,92.235,136.643,90.466Z" fill="#3edbcc"/>
      <path d="M108.115,62.951c0,.529-3.316.959-7.407.959s-7.406-.43-7.406-.959,3.316-.96,7.406-.96S108.115,62.421,108.115,62.951Z" fill="#5f6798"/>
      <g>
        <path d="M100.73,62.951h-.044a.91.91,0,0,1-.909-.91V43.64h1.862v18.4A.91.91,0,0,1,100.73,62.951Z" fill="#5f6798"/>
        <path d="M103.523,43.64a2.815,2.815,0,1,1-2.815-2.814A2.814,2.814,0,0,1,103.523,43.64Z" fill="#5f6798"/>
      </g>
    </g>
  </g>
  <path d="M192,8V192H8V8H192m8-8H0V200H200V0Z" fill="#4d4d84"/>
</svg>

<svg class='four' preserveAspectRatio="none" viewBox="0 0 200 200">
  <title>spaceship</title>
  <g id="spacecraft">
    <g id="ship">
      <g>
        <path id="bottomLight" d="M24.044,133.246s26.932,23.782,74.6,23.782,79.636-24.249,79.636-24.249Z" fill="#9fffed"/>
        <ellipse cx="100.708" cy="121.886" rx="87.192" ry="23.829" fill="#3edbcc"/>
        <path d="M183.165,116.58h0a12.467,12.467,0,0,0-2.516-2.662c-17.7-17.841-41.211-24.093-41.211-24.093H61.353C32.377,98.532,19.6,113.6,17.837,115.818c-.02.024-.038.048-.057.072-.107.136-.163.211-.164.212a6.476,6.476,0,0,0-1.5,3.952c0,11.558,37.656,20.928,84.107,20.928s84.106-9.37,84.106-20.928A6.2,6.2,0,0,0,183.165,116.58Z" fill="#5f6798"/>
        <g id="lights">
          <ellipse cx="100.465" cy="118.41" rx="7.407" ry="5.247" fill="#88ffe8"/>
          <path d="M67.661,114.008c.669,2.235-1.856,4.963-5.638,6.095s-7.391.238-8.06-2,1.856-4.963,5.639-6.095S66.993,111.774,67.661,114.008Z" fill="#88ffe8"/>
          <path d="M42.546,106.421c.765,1.326-.99,3.772-3.922,5.465s-5.927,1.989-6.693.663.99-3.772,3.922-5.464S41.78,105.1,42.546,106.421Z" fill="#88ffe8"/>
          <path d="M158.148,106.421c-.765,1.326.991,3.772,3.922,5.465s5.928,1.989,6.693.663-.99-3.772-3.921-5.464S158.914,105.1,158.148,106.421Z" fill="#88ffe8"/>
          <path d="M133.181,114.008c-.669,2.235,1.856,4.963,5.639,6.095s7.39.238,8.059-2-1.856-4.963-5.639-6.095S133.849,111.774,133.181,114.008Z" fill="#88ffe8"/>
          <path d="M30.027,104.794a8.77,8.77,0,0,1,3.94-4.268,8.939,8.939,0,0,1,5.054-1.4Z" fill="#88ffe8"/>
          <path d="M170.738,105.415a8.766,8.766,0,0,0-3.952-4.256,8.939,8.939,0,0,0-5.058-1.382Z" fill="#88ffe8"/>
        </g>
      </g>
      <ellipse cx="100.708" cy="89.825" rx="39.043" ry="7.624" fill="#cf7ddb"/>
      <path d="M136.643,90.466a1.173,1.173,0,0,0,.659-1.273c-2.833-15.147-18.131-26.721-36.591-26.721s-33.773,11.585-36.6,26.742a1.172,1.172,0,0,0,.538,1.212c2.145,1.315,10.286,4.828,36.058,4.828C123.132,95.254,132.865,92.235,136.643,90.466Z" fill="#3edbcc"/>
      <path d="M108.115,62.951c0,.529-3.316.959-7.407.959s-7.406-.43-7.406-.959,3.316-.96,7.406-.96S108.115,62.421,108.115,62.951Z" fill="#5f6798"/>
      <g>
        <path d="M100.73,62.951h-.044a.91.91,0,0,1-.909-.91V43.64h1.862v18.4A.91.91,0,0,1,100.73,62.951Z" fill="#5f6798"/>
        <path d="M103.523,43.64a2.815,2.815,0,1,1-2.815-2.814A2.814,2.814,0,0,1,103.523,43.64Z" fill="#5f6798"/>
      </g>
    </g>
  </g>
  <path d="M192,8V192H8V8H192m8-8H0V200H200V0Z" fill="#4d4d84"/>
</svg>

<svg class='five' preserveAspectRatio="xMinYMid meet" viewBox="0 0 200 200">
  <title>spaceship</title>
  <g id="spacecraft">
    <g id="ship">
      <g>
        <path id="bottomLight" d="M24.044,133.246s26.932,23.782,74.6,23.782,79.636-24.249,79.636-24.249Z" fill="#9fffed"/>
        <ellipse cx="100.708" cy="121.886" rx="87.192" ry="23.829" fill="#3edbcc"/>
        <path d="M183.165,116.58h0a12.467,12.467,0,0,0-2.516-2.662c-17.7-17.841-41.211-24.093-41.211-24.093H61.353C32.377,98.532,19.6,113.6,17.837,115.818c-.02.024-.038.048-.057.072-.107.136-.163.211-.164.212a6.476,6.476,0,0,0-1.5,3.952c0,11.558,37.656,20.928,84.107,20.928s84.106-9.37,84.106-20.928A6.2,6.2,0,0,0,183.165,116.58Z" fill="#5f6798"/>
        <g id="lights">
          <ellipse cx="100.465" cy="118.41" rx="7.407" ry="5.247" fill="#88ffe8"/>
          <path d="M67.661,114.008c.669,2.235-1.856,4.963-5.638,6.095s-7.391.238-8.06-2,1.856-4.963,5.639-6.095S66.993,111.774,67.661,114.008Z" fill="#88ffe8"/>
          <path d="M42.546,106.421c.765,1.326-.99,3.772-3.922,5.465s-5.927,1.989-6.693.663.99-3.772,3.922-5.464S41.78,105.1,42.546,106.421Z" fill="#88ffe8"/>
          <path d="M158.148,106.421c-.765,1.326.991,3.772,3.922,5.465s5.928,1.989,6.693.663-.99-3.772-3.921-5.464S158.914,105.1,158.148,106.421Z" fill="#88ffe8"/>
          <path d="M133.181,114.008c-.669,2.235,1.856,4.963,5.639,6.095s7.39.238,8.059-2-1.856-4.963-5.639-6.095S133.849,111.774,133.181,114.008Z" fill="#88ffe8"/>
          <path d="M30.027,104.794a8.77,8.77,0,0,1,3.94-4.268,8.939,8.939,0,0,1,5.054-1.4Z" fill="#88ffe8"/>
          <path d="M170.738,105.415a8.766,8.766,0,0,0-3.952-4.256,8.939,8.939,0,0,0-5.058-1.382Z" fill="#88ffe8"/>
        </g>
      </g>
      <ellipse cx="100.708" cy="89.825" rx="39.043" ry="7.624" fill="#cf7ddb"/>
      <path d="M136.643,90.466a1.173,1.173,0,0,0,.659-1.273c-2.833-15.147-18.131-26.721-36.591-26.721s-33.773,11.585-36.6,26.742a1.172,1.172,0,0,0,.538,1.212c2.145,1.315,10.286,4.828,36.058,4.828C123.132,95.254,132.865,92.235,136.643,90.466Z" fill="#3edbcc"/>
      <path d="M108.115,62.951c0,.529-3.316.959-7.407.959s-7.406-.43-7.406-.959,3.316-.96,7.406-.96S108.115,62.421,108.115,62.951Z" fill="#5f6798"/>
      <g>
        <path d="M100.73,62.951h-.044a.91.91,0,0,1-.909-.91V43.64h1.862v18.4A.91.91,0,0,1,100.73,62.951Z" fill="#5f6798"/>
        <path d="M103.523,43.64a2.815,2.815,0,1,1-2.815-2.814A2.814,2.814,0,0,1,103.523,43.64Z" fill="#5f6798"/>
      </g>
    </g>
  </g>
  <path d="M192,8V192H8V8H192m8-8H0V200H200V0Z" fill="#4d4d84"/>
</svg>

<svg class='six' preserveAspectRatio="xMaxYMid meet" viewBox="0 0 200 200">
  <title>spaceship</title>
  <g id="spacecraft">
    <g id="ship">
      <g>
        <path id="bottomLight" d="M24.044,133.246s26.932,23.782,74.6,23.782,79.636-24.249,79.636-24.249Z" fill="#9fffed"/>
        <ellipse cx="100.708" cy="121.886" rx="87.192" ry="23.829" fill="#3edbcc"/>
        <path d="M183.165,116.58h0a12.467,12.467,0,0,0-2.516-2.662c-17.7-17.841-41.211-24.093-41.211-24.093H61.353C32.377,98.532,19.6,113.6,17.837,115.818c-.02.024-.038.048-.057.072-.107.136-.163.211-.164.212a6.476,6.476,0,0,0-1.5,3.952c0,11.558,37.656,20.928,84.107,20.928s84.106-9.37,84.106-20.928A6.2,6.2,0,0,0,183.165,116.58Z" fill="#5f6798"/>
        <g id="lights">
          <ellipse cx="100.465" cy="118.41" rx="7.407" ry="5.247" fill="#88ffe8"/>
          <path d="M67.661,114.008c.669,2.235-1.856,4.963-5.638,6.095s-7.391.238-8.06-2,1.856-4.963,5.639-6.095S66.993,111.774,67.661,114.008Z" fill="#88ffe8"/>
          <path d="M42.546,106.421c.765,1.326-.99,3.772-3.922,5.465s-5.927,1.989-6.693.663.99-3.772,3.922-5.464S41.78,105.1,42.546,106.421Z" fill="#88ffe8"/>
          <path d="M158.148,106.421c-.765,1.326.991,3.772,3.922,5.465s5.928,1.989,6.693.663-.99-3.772-3.921-5.464S158.914,105.1,158.148,106.421Z" fill="#88ffe8"/>
          <path d="M133.181,114.008c-.669,2.235,1.856,4.963,5.639,6.095s7.39.238,8.059-2-1.856-4.963-5.639-6.095S133.849,111.774,133.181,114.008Z" fill="#88ffe8"/>
          <path d="M30.027,104.794a8.77,8.77,0,0,1,3.94-4.268,8.939,8.939,0,0,1,5.054-1.4Z" fill="#88ffe8"/>
          <path d="M170.738,105.415a8.766,8.766,0,0,0-3.952-4.256,8.939,8.939,0,0,0-5.058-1.382Z" fill="#88ffe8"/>
        </g>
      </g>
      <ellipse cx="100.708" cy="89.825" rx="39.043" ry="7.624" fill="#cf7ddb"/>
      <path d="M136.643,90.466a1.173,1.173,0,0,0,.659-1.273c-2.833-15.147-18.131-26.721-36.591-26.721s-33.773,11.585-36.6,26.742a1.172,1.172,0,0,0,.538,1.212c2.145,1.315,10.286,4.828,36.058,4.828C123.132,95.254,132.865,92.235,136.643,90.466Z" fill="#3edbcc"/>
      <path d="M108.115,62.951c0,.529-3.316.959-7.407.959s-7.406-.43-7.406-.959,3.316-.96,7.406-.96S108.115,62.421,108.115,62.951Z" fill="#5f6798"/>
      <g>
        <path d="M100.73,62.951h-.044a.91.91,0,0,1-.909-.91V43.64h1.862v18.4A.91.91,0,0,1,100.73,62.951Z" fill="#5f6798"/>
        <path d="M103.523,43.64a2.815,2.815,0,1,1-2.815-2.814A2.814,2.814,0,0,1,103.523,43.64Z" fill="#5f6798"/>
      </g>
    </g>
  </g>
  <path d="M192,8V192H8V8H192m8-8H0V200H200V0Z" fill="#4d4d84"/>
</svg>

<svg class='seven' preserveAspectRatio="xMidYMax slice" viewBox="0 0 200 200">
  <title>spaceship</title>
  <g id="spacecraft">
    <g id="ship">
      <g>
        <path id="bottomLight" d="M24.044,133.246s26.932,23.782,74.6,23.782,79.636-24.249,79.636-24.249Z" fill="#9fffed"/>
        <ellipse cx="100.708" cy="121.886" rx="87.192" ry="23.829" fill="#3edbcc"/>
        <path d="M183.165,116.58h0a12.467,12.467,0,0,0-2.516-2.662c-17.7-17.841-41.211-24.093-41.211-24.093H61.353C32.377,98.532,19.6,113.6,17.837,115.818c-.02.024-.038.048-.057.072-.107.136-.163.211-.164.212a6.476,6.476,0,0,0-1.5,3.952c0,11.558,37.656,20.928,84.107,20.928s84.106-9.37,84.106-20.928A6.2,6.2,0,0,0,183.165,116.58Z" fill="#5f6798"/>
        <g id="lights">
          <ellipse cx="100.465" cy="118.41" rx="7.407" ry="5.247" fill="#88ffe8"/>
          <path d="M67.661,114.008c.669,2.235-1.856,4.963-5.638,6.095s-7.391.238-8.06-2,1.856-4.963,5.639-6.095S66.993,111.774,67.661,114.008Z" fill="#88ffe8"/>
          <path d="M42.546,106.421c.765,1.326-.99,3.772-3.922,5.465s-5.927,1.989-6.693.663.99-3.772,3.922-5.464S41.78,105.1,42.546,106.421Z" fill="#88ffe8"/>
          <path d="M158.148,106.421c-.765,1.326.991,3.772,3.922,5.465s5.928,1.989,6.693.663-.99-3.772-3.921-5.464S158.914,105.1,158.148,106.421Z" fill="#88ffe8"/>
          <path d="M133.181,114.008c-.669,2.235,1.856,4.963,5.639,6.095s7.39.238,8.059-2-1.856-4.963-5.639-6.095S133.849,111.774,133.181,114.008Z" fill="#88ffe8"/>
          <path d="M30.027,104.794a8.77,8.77,0,0,1,3.94-4.268,8.939,8.939,0,0,1,5.054-1.4Z" fill="#88ffe8"/>
          <path d="M170.738,105.415a8.766,8.766,0,0,0-3.952-4.256,8.939,8.939,0,0,0-5.058-1.382Z" fill="#88ffe8"/>
        </g>
      </g>
      <ellipse cx="100.708" cy="89.825" rx="39.043" ry="7.624" fill="#cf7ddb"/>
      <path d="M136.643,90.466a1.173,1.173,0,0,0,.659-1.273c-2.833-15.147-18.131-26.721-36.591-26.721s-33.773,11.585-36.6,26.742a1.172,1.172,0,0,0,.538,1.212c2.145,1.315,10.286,4.828,36.058,4.828C123.132,95.254,132.865,92.235,136.643,90.466Z" fill="#3edbcc"/>
      <path d="M108.115,62.951c0,.529-3.316.959-7.407.959s-7.406-.43-7.406-.959,3.316-.96,7.406-.96S108.115,62.421,108.115,62.951Z" fill="#5f6798"/>
      <g>
        <path d="M100.73,62.951h-.044a.91.91,0,0,1-.909-.91V43.64h1.862v18.4A.91.91,0,0,1,100.73,62.951Z" fill="#5f6798"/>
        <path d="M103.523,43.64a2.815,2.815,0,1,1-2.815-2.814A2.814,2.814,0,0,1,103.523,43.64Z" fill="#5f6798"/>
      </g>
    </g>
  </g>
  <path d="M192,8V192H8V8H192m8-8H0V200H200V0Z" fill="#4d4d84"/>
</svg>
body {
  height: 100vh;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: space-around;
  justify-content: space-around;
}

svg {
  background-color: #fff;
  border: solid #cf7ddb 5px;
  margin: 1rem;
}

.one, .two, .three, .four {
  height: 300px;
  width: 100px;
}

.five, .six, .seven {
  height: 100px;
  width: 300px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.