logo.svg

<svg
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  viewBox="0 0 54.02 54.02"
>
  <defs>
    <style>
      .cls-1 {
        fill: #8e44ad;
      }
      .cls-2 {
        fill: url(#gradient-01);
      }
      .cls-3 {
        fill: url(#gradient-02);
      }
      .cls-4 {
        fill: #fff;
      }
      .cls-5 {
        fill: #11202d;
        opacity: 0.1;
      }
    </style>

    <linearGradient
      id="gradient-01"
      x1="26.03"
      y1="12.27"
      x2="44.57"
      y2="30.81"
      gradientUnits="userSpaceOnUse"
    >
      <stop offset="0" stop-color="#fff" />
      <stop offset="1" stop-color="#d8e6da" />
    </linearGradient>

    <linearGradient
      id="gradient-02"
      x1="13.3"
      y1="11.96"
      x2="13.3"
      y2="31.12"
      gradientUnits="userSpaceOnUse"
    >
      <stop offset="0" stop-color="#fff" />
      <stop offset="1" stop-color="#bad6be" />
    </linearGradient>
  </defs>

  <g transform="translate(2.75, 0)">
    <path
      class="cls-1"
      d="M0,16.76v20.5A6.51,6.51,0,0,0,3.25,42.9L21,53.14a6.51,6.51,0,0,0,6.51,0L45.27,42.9a6.51,6.51,0,0,0,3.25-5.64V16.76a6.51,6.51,0,0,0-3.25-5.64L27.52.87A6.51,6.51,0,0,0,21,.87L3.25,11.12A6.51,6.51,0,0,0,0,16.76Z"
    />
    <polygon
      class="cls-2"
      points="44.27 31.12 26.34 21.17 26.34 11.96 44.27 21.9 44.27 31.12"
    />
    <polygon
      class="cls-3"
      points="4.33 31.12 22.26 21.17 22.26 11.96 4.33 21.9 4.33 31.12"
    />
    <polygon
      class="cls-4"
      points="44.27 21.9 26.34 32.84 26.34 42.06 44.27 31.11 44.27 21.9"
    />
    <polygon
      class="cls-4"
      points="4.33 21.9 22.34 32.84 22.34 42.06 4.33 31.12 4.33 21.9"
    />
    <polygon
      class="cls-5"
      points="36.36 26.73 44.27 21.9 26.34 21.17 36.36 26.73"
    />
    <path class="cls-1" d="M4.33,19.18" />
  </g>
</svg>