@font-face {
  font-family: 'myfont';
  src: url('../font/myfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'myfont';
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home-outline:before { content: '\e821'; }
.icon-users-outline:before { content: '\e822'; }
.icon-list-alt:before { content: '\e823'; }
.icon-headphones:before { content: '\e824'; }
.icon-heart:before { content: '\e825'; }
.icon-play:before { content: '\e826'; }
.icon-stop:before { content: '\e827'; }
.icon-left-open-big:before { content: '\e828'; }
.icon-volume-down:before { content: '\e829'; }
.icon-filter-1:before { content: '\f0b0'; }
.icon-menu:before { content: '\f0c9'; }