@font-face {
  font-family: 'surface-icons';
  src: url('icon-fonts/surface-icons.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'surface-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-angle-down:before { content: "\f107"; }
.icon-angle-right:before { content: "\f105"; }
.icon-area-chart:before { content: "\f1fe"; }
.icon-arrow-left2:before { content: "\e094"; }
.icon-arrow-right2:before { content: "\e095"; }
.icon-arrow-up2:before { content: "\e096"; }
.icon-behance:before { content: "\f1b4"; }
.icon-calendar:before { content: "\f073"; }
.icon-cart:before { content: "\e900"; }
.icon-cog:before { content: "\f013"; }
.icon-dribbble:before { content: "\f17d"; }
.icon-dropbox:before { content: "\f16b"; }
.icon-envelope:before { content: "\f0e0"; }
.icon-facebook:before { content: "\f09a"; }
.icon-feed:before { content: "\f09e"; }
.icon-flickr:before { content: "\f16e"; }
.icon-gears:before { content: "\e05f"; }
.icon-google-plus:before { content: "\f0d5"; }
.icon-graduation-cap:before { content: "\f19d"; }
.icon-instagram:before { content: "\f16d"; }
.icon-layers:before { content: "\e031"; }
.icon-line-chart:before { content: "\f201"; }
.icon-linkedin:before { content: "\f0e1"; }
.icon-location:before { content: "\e070"; }
.icon-mail:before { content: "\e002"; }
.icon-maximize:before { content: "\e112"; }
.icon-menu:before { content: "\e120"; }
.icon-phone:before { content: "\f095"; }
.icon-pinterest:before { content: "\f0d2"; }
.icon-pinterest-p:before { content: "\f231"; }
.icon-refresh:before { content: "\f021"; }
.icon-skype:before { content: "\f17e"; }
.icon-th:before { content: "\f00a"; }
.icon-thermometer:before { content: "\e062"; }
.icon-twitter:before { content: "\f099"; }
.icon-vimeo:before { content: "\f27d"; }
.icon-youtube:before { content: "\f167"; }