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?hi4hah');
  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?hi4hah#iefix') format('embedded-opentype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?hi4hah') format('truetype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?hi4hah') format('woff'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?hi4hah##{$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;

  /* 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-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-language {
  &:before {
    content: $i-language; 
  }
}
.i-user-secret {
  &:before {
    content: $i-user-secret; 
  }
}
.i-heartbeat {
  &:before {
    content: $i-heartbeat; 
  }
}
.i-commenting {
  &:before {
    content: $i-commenting; 
  }
}
.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-youtube {
  &:before {
    content: $i-youtube; 
  }
}
.i-twitter {
  &:before {
    content: $i-twitter; 
  }
}
.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-gitea {
  &:before {
    content: $i-gitea; 
  }
}
.i-firefox {
  &:before {
    content: $i-firefox; 
  }
}
.i-copyright {
  &:before {
    content: $i-copyright; 
  }
}
.i-book {
  &:before {
    content: $i-book; 
  }
}
.i-matrix {
  &:before {
    content: $i-matrix; 
  }
}