@font-face {
  font-family: icons;
  src: url(../images/icons/icons.eot);
  src: url(../images/icons/icons.eot?#iefix) format('embedded-opentype'),
    url(../images/icons/icons.woff2) format('woff2'),
    url(../images/icons/icons.woff) format('woff'),
    url(../images/icons/icons.ttf) format('truetype'),
    url(../images/icons/icons.svg?#icons) format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon {
  font-family: 'icons';
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// Icons
$icon-bullet: '\e001';
.icon-bullet::before {
  content:"\e001";
}

$icon-chevron-down: '\e002';
.icon-chevron-down::before {
  content: '\e002';
}

$icon-chevron-large: '\e003';
.icon-chevron-large::before {
  content: '\e003';
}

$icon-chevron-left: '\e004';
.icon-chevron-left::before {
  content: '\e004';
}

$icon-chevron-right: '\e005';
.icon-chevron-right::before {
  content: '\e005';
}

$icon-chevron-up: '\e006';
.icon-chevron-up::before {
  content: '\e006';
}

$icon-close: '\e007';
.icon-close::before {
  content: '\e007';
}

$icon-cog: '\e008';
.icon-cog::before {
  content: '\e008';
}

$icon-diamond: '\e009';
.icon-diamond::before {
  content: '\e009';
}

$icon-exclamation: '\e00a';
.icon-exclamation::before {
  content: '\e00a';
}

$icon-google-dev: '\e00b';
.icon-google-dev::before {
  content: '\e00b';
}

$icon-hash: '\e00c';
.icon-hash::before {
  content: '\e00c';
}

$icon-introduction-to-media: '\e00d';
.icon-introduction-to-media::before {
  content: '\e00d';
}

$icon-lessons: '\e00e';
.icon-lessons::before {
  content: '\e00e';
}

$icon-menu: '\e00f';
.icon-menu::before {
  content: '\e00f';
}

$icon-minus: '\e010';
.icon-minus::before {
  content: '\e010';
}

$icon-multi-device-layouts: '\e011';
.icon-multi-device-layouts::before {
  content: '\e011';
}

$icon-performance: '\e012';
.icon-performance::before {
  content: '\e012';
}

$icon-plus: '\e013';
.icon-plus::before {
  content: '\e013';
}

$icon-question: '\e014';
.icon-question::before {
  content: '\e014';
}

$icon-slash: '\e015';
.icon-slash::before {
  content: '\e015';
}

$icon-star: '\e016';
.icon-star::before {
  content: '\e016';
}

$icon-tick: '\e017';
.icon-tick::before {
  content: '\e017';
}

$icon-user-input: '\e018';
.icon-user-input::before {
  content: '\e018';
}