@font-face {
  font-family: "Johnston Icons";
  src:
    url("./johnston-icons.woff") format("woff"),
    url("./johnston-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.icon {
  font-family: "Johnston Icons";
  font-style: normal;
  font-weight: normal;
  line-height: 0;
  display: inline-block;
  speak: none;
}

.icon-arrow-east::before { content: "\e001"; }
.icon-arrow-north-east::before { content: "\e002"; }
.icon-arrow-north-west::before { content: "\e003"; }
.icon-arrow-south-east::before { content: "\e004"; }
.icon-arrow-south-west::before { content: "\e005"; }
.icon-arrow-south::before { content: "\e006"; }
.icon-arrow-west::before { content: "\e007"; }
.icon-clock::before { content: "\e008"; }
.icon-compass-north::before { content: "\e009"; }
.icon-daytime::before { content: "\e00a"; }
.icon-double-decker::before { content: "\e00b"; }
.icon-forward::before { content: "\e00c"; }
.icon-infomation::before { content: "\e00d"; }
.icon-location::before { content: "\e00e"; }
.icon-national-rail::before { content: "\e00f"; }
.icon-on-left::before { content: "\e010"; }
.icon-on-right::before { content: "\e011"; }
.icon-pin-marker-fill::before { content: "\e012"; }
.icon-pin-marker-small-fill::before { content: "\e013"; }
.icon-refresh-circle::before { content: "\e014"; }
.icon-refresh-double-circle::before { content: "\e015"; }
.icon-roundel-circle-fill::before { content: "\e016"; }
.icon-roundel-circle::before { content: "\e017"; }
.icon-roundel::before { content: "\e018"; }
.icon-tick-circle::before { content: "\e019"; }
.icon-tick::before { content: "\e01a"; }
.icon-turn-left::before { content: "\e01b"; }
.icon-turn-right::before { content: "\e01c"; }
.icon-walking::before { content: "\e01d"; }
.icon-warning-circle::before { content: "\e01e"; }
.icon-warning-diamond::before { content: "\e01f"; }