Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="zenefits-logo">
  <div class="piece wing-back"></div>
  <div class="piece head"></div>
  <div class="piece wing-front-1"></div>
  <div class="piece wing-front-2"></div>
  <div class="piece tail"></div>
</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$orange:      rgba(250, 175, 66, 1);
$dark-orange: darken($orange,6%);
$shadow:      rgba(0,0,0,.1);
$s-c:         solid transparent;
$s-o:         solid $orange;
$s-do:        solid $dark-orange;
$zero-s-o:    0 solid $orange;

* { box-sizing: border-box; }

.zenefits-logo {
  position: relative;
  margin-top: 150px;
  margin-left: 150px;
}

.piece {
  position: absolute;

  &:before,
  &:after {
    content: "";
    display: block;
    position: absolute;
  }
}

.wing-back {
  z-index: -1;
  border-left: 100px $s-c;
  border-bottom: 294px $s-do;
  border-right: 155px $s-do;
  border-top: 158px $s-c;
  transform: skew(-4.1deg) rotate(10.9deg) matrix(0.5, 0.3, 0.07, 0.7, 47, -270);
}

.head {
  left: 0;
  top: 0;
  height: 54px;
  width: 100px;
  transform: matrix(1.5, 0.3, -1.1, 1, 111, 49);
  background-color: $orange;
  box-shadow: -1px 1px 2px 0px $shadow;

  &:before {
    border-top: $zero-s-o;
    border-left: 0 $s-c;
    border-right: 120px $s-o;
    border-bottom: 41px $s-c;
    transform: rotate(-20deg) matrix(0.5, 0, -0.1, 0.3, -95, 5);
    box-shadow: 4px -3px 3px -2px rgba(0,0,0,.05);
  }

  &:after {
    top: 0;
    left: 0;
    height: 46px;
    width: 29px;
    background-color: $orange;
    transform: skew(8deg) rotate(-11deg) matrix(2.5, 0.5, -1.7, -2.4, 68, 36);
    box-shadow: -3px -3px 3px -2px $shadow;
  }
}

.wing-front {
  
  &-1 {
    &:before {
      z-index: 3;
      border-top: 278px $s-c;
      border-right: 85px $s-o;
      border-bottom: $zero-s-o;
      border-left: $zero-s-o;
      box-shadow: -2px 39px 28px -20px $shadow;
      transform: rotate(20deg) skew(38.6deg) matrix(-1.2, 2.4, 0.5, 0, 362, -240);
    }

    &:after {
      z-index: 2;
      border-top: 156px $s-c;
      border-right: 0px $s-c;
      border-bottom: $zero-s-o;
      border-left: 17px $s-o;
      box-shadow: -2px -12px 10px -2px $shadow;
      transform: skew(-54deg) rotate(123deg) matrix(1.9, 16.6, 0.23, -0.6, -146, -225);
    }  
  }

  &-2 {
    &:before {
      z-index: 1;
      height: 12px;
      width: 58px;
      background-color: #faaf42;
      transform: skew(2deg) rotate(17deg) matrix(1.9, -0.2, -0.3, 9.6, 241, 41);
      box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
    }

    &:after {
      border-top: 218px $s-c;
      border-right: 233px $s-o;
      border-bottom: $zero-s-o;
      border-left: $zero-s-o;
      transform: rotate(31.2deg) skew(0.9deg) matrix(-0.4, 0.3, -0.4, -1, 186, -237);
    }
  }
}

.tail {
  border-top: 96px $s-c;
  border-right: 43px solid darken($orange, 5%);
  transform: skew(-2deg) rotate(4deg) matrix(1, 0, 0, -1, 365, 133);

  &:before {
    width: 68px;
    border-right: 113px $s-c;
    border-bottom: 91px $s-o;
    border-left: 170px $s-c;
    transform: rotate(56.2deg) skew(-13.2deg) matrix(0.35, 0.2, 0.2, 1.3, -105, 131);
  }

  &:after {
    border-bottom: 68px $s-c;
    border-left: 88px solid darken($orange, 2%);
    transform: rotate(4deg) skew(15deg) matrix(-0.2, 1, 1.2, 0, 56, -85);
  }
}

SassMeister-output.css

* {
  box-sizing: border-box;
}

.zenefits-logo {
  position: relative;
  margin-top: 150px;
  margin-left: 150px;
}

.piece {
  position: absolute;
}

.piece:before,
.piece:after {
  content: "";
  display: block;
  position: absolute;
}

.wing-back {
  z-index: -1;
  border-left: 100px solid transparent;
  border-bottom: 294px solid #f9a224;
  border-right: 155px solid #f9a224;
  border-top: 158px solid transparent;
  transform: skew(-4.1deg) rotate(10.9deg) matrix(0.5, 0.3, 0.07, 0.7, 47, -270);
}

.head {
  left: 0;
  top: 0;
  height: 54px;
  width: 100px;
  transform: matrix(1.5, 0.3, -1.1, 1, 111, 49);
  background-color: #faaf42;
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.head:before {
  border-top: 0 solid #faaf42;
  border-left: 0 solid transparent;
  border-right: 120px solid #faaf42;
  border-bottom: 41px solid transparent;
  transform: rotate(-20deg) matrix(0.5, 0, -0.1, 0.3, -95, 5);
  box-shadow: 4px -3px 3px -2px rgba(0, 0, 0, 0.05);
}

.head:after {
  top: 0;
  left: 0;
  height: 46px;
  width: 29px;
  background-color: #faaf42;
  transform: skew(8deg) rotate(-11deg) matrix(2.5, 0.5, -1.7, -2.4, 68, 36);
  box-shadow: -3px -3px 3px -2px rgba(0, 0, 0, 0.1);
}

.wing-front-1:before {
  z-index: 3;
  border-top: 278px solid transparent;
  border-right: 85px solid #faaf42;
  border-bottom: 0 solid #faaf42;
  border-left: 0 solid #faaf42;
  box-shadow: -2px 39px 28px -20px rgba(0, 0, 0, 0.1);
  transform: rotate(20deg) skew(38.6deg) matrix(-1.2, 2.4, 0.5, 0, 362, -240);
}

.wing-front-1:after {
  z-index: 2;
  border-top: 156px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0 solid #faaf42;
  border-left: 17px solid #faaf42;
  box-shadow: -2px -12px 10px -2px rgba(0, 0, 0, 0.1);
  transform: skew(-54deg) rotate(123deg) matrix(1.9, 16.6, 0.23, -0.6, -146, -225);
}

.wing-front-2:before {
  z-index: 1;
  height: 12px;
  width: 58px;
  background-color: #faaf42;
  transform: skew(2deg) rotate(17deg) matrix(1.9, -0.2, -0.3, 9.6, 241, 41);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
}

.wing-front-2:after {
  border-top: 218px solid transparent;
  border-right: 233px solid #faaf42;
  border-bottom: 0 solid #faaf42;
  border-left: 0 solid #faaf42;
  transform: rotate(31.2deg) skew(0.9deg) matrix(-0.4, 0.3, -0.4, -1, 186, -237);
}

.tail {
  border-top: 96px solid transparent;
  border-right: 43px solid #f9a429;
  transform: skew(-2deg) rotate(4deg) matrix(1, 0, 0, -1, 365, 133);
}

.tail:before {
  width: 68px;
  border-right: 113px solid transparent;
  border-bottom: 91px solid #faaf42;
  border-left: 170px solid transparent;
  transform: rotate(56.2deg) skew(-13.2deg) matrix(0.35, 0.2, 0.2, 1.3, -105, 131);
}

.tail:after {
  border-bottom: 68px solid transparent;
  border-left: 88px solid #faab38;
  transform: rotate(4deg) skew(15deg) matrix(-0.2, 1, 1.2, 0, 56, -85);
}

SassMeister-rendered.html

<div class="zenefits-logo">
  <div class="piece wing-back"></div>
  <div class="piece head"></div>
  <div class="piece wing-front-1"></div>
  <div class="piece wing-front-2"></div>
  <div class="piece tail"></div>
</div>