Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

%icon-base-styles {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}

$icons: (
  github: "\E001",
  twitter: "\E002",
  codepen: "\E003",
  instagram: "\E004",
  facebook: "\E005"
);

@each $name, $icon in $icons {
  .icon-#{$name}:before {
    @extend %icon-base-styles;
    content: $icon;
  }
}

SassMeister-output.css

.icon-github:before, .icon-twitter:before, .icon-codepen:before, .icon-instagram:before, .icon-facebook:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}

.icon-github:before {
  content: "\E001";
}

.icon-twitter:before {
  content: "\E002";
}

.icon-codepen:before {
  content: "\E003";
}

.icon-instagram:before {
  content: "\E004";
}

.icon-facebook:before {
  content: "\E005";
}