sp-codes.de/src/scss/icons/style.scss

@import "variables";

@font-face {
  font-family: '#{$icomoon-font-family}';
  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?2zy46l');
  src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?2zy46l#iefix') format('embedded-opentype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff2?2zy46l') format('woff2'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?2zy46l') format('woff'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?2zy46l') format('truetype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?2zy46l##{$icomoon-font-family}') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="i-"], [class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: '#{$icomoon-font-family}' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* own changes */
  display: inline-block;
}

.i-fw {
  width: 1.25em;
  text-align: center;
}

.i-2x {
  font-size: 2em;
}

.i-3x {
  font-size: 3em;
}

.i-4x {
  font-size: 4em;
}

.i-cloud-download {
  &:before {
    content: $i-cloud-download;
  }
}

.i-pencil-square {
  &:before {
    content: $i-pencil-square;
  }
}

.i-pixelfed {
  &:before {
    content: $i-pixelfed;
  }
}

.i-server {
  &:before {
    content: $i-server;
  }
}

.i-credit-card {
  &:before {
    content: $i-credit-card;
  }
}

.i-external-link {
  &:before {
    content: $i-external-link;
  }
}

.i-heart {
  &:before {
    content: $i-heart;
  }
}

.i-home {
  &:before {
    content: $i-home;
  }
}

.i-tags {
  &:before {
    content: $i-tags;
  }
}

.i-comments {
  &:before {
    content: $i-comments;
  }
}

.i-users {
  &:before {
    content: $i-users;
  }
}

.i-bars {
  &:before {
    content: $i-bars;
  }
}

.i-envelope {
  &:before {
    content: $i-envelope;
  }
}

.i-user-secret {
  &:before {
    content: $i-user-secret;
  }
}

.i-heartbeat {
  &:before {
    content: $i-heartbeat;
  }
}

.i-commenting {
  &:before {
    content: $i-commenting;
  }
}

.i-linkedin {
  &:before {
    content: $i-linkedin;
  }
}

.i-xing {
  &:before {
    content: $i-xing;
  }
}

.i-peertube {
  &:before {
    content: $i-peertube;
  }
}

.i-network-wired {
  &:before {
    content: $i-network-wired;
  }
}

.i-money-bill {
  &:before {
    content: $i-money-bill;
  }
}

.i-chart-line {
  &:before {
    content: $i-chart-line;
  }
}

.i-info-circle {
  &:before {
    content: $i-info-circle;
  }
}

.i-code {
  &:before {
    content: $i-code;
  }
}

.i-xmpp {
  &:before {
    content: $i-xmpp;
  }
}

.i-wifi {
  &:before {
    content: $i-wifi;
  }
}

.i-threema {
  &:before {
    content: $i-threema;
  }
}

.i-stackoverflow {
  &:before {
    content: $i-stackoverflow;
  }
}

.i-search {
  &:before {
    content: $i-search;
  }
}

.i-mastodon {
  &:before {
    content: $i-mastodon;
  }
}

.i-hand-holding-heart {
  &:before {
    content: $i-hand-holding-heart;
  }
}

.i-github {
  &:before {
    content: $i-github;
  }
}

.i-firefox {
  &:before {
    content: $i-firefox;
  }
}

.i-copyright {
  &:before {
    content: $i-copyright;
  }
}

.i-book {
  &:before {
    content: $i-book;
  }
}

.i-matrix {
  &:before {
    content: $i-matrix;
  }
}

.i-git {
  &:before {
    content: $i-git;
  }
}