@font-face {
  font-family: "icomoon";
  src:  url("../fonts/icomoon/icomoon.eot?9rc3go");
  src:  url("../fonts/icomoon/icomoon.eot?9rc3go#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?9rc3go") format("truetype"), url("../fonts/icomoon/icomoon.woff?9rc3go") format("woff"), url("../fonts/icomoon/icomoon.svg?9rc3go#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon";
  speak: none;
  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;
}

// Assign classes to the icons
// (you can delete the example below)

.icon-up-arrow:before {
  content: "\e901";
}




$icons_id: "9rc3go";

@font-face {
  font-family: "icomoon";
  src:  url("../fonts/icomoon/icomoon.eot?#{$icons_id}");
  src:  url("../fonts/icomoon/icomoon.eot?#{$icons_id}#iefix") format("embedded-opentype"),
  url("../fonts/icomoon/icomoon.ttf?#{$icons_id}") format("truetype"),
  url("../fonts/icomoon/icomoon.woff?#{$icons_id}") format("woff"),
  url("../fonts/icomoon/icomoon.svg?#{$icons_id}#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon";
  speak: none;
  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;
}

// Assign classes to the icons
// (you can delete the example below)

.icon-up-arrow:before {
  content: "\e901";
}




Add var to icomoon pack of fonts.
Add var to icomoon pack of fonts.
