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

.icon:before {
  display: inline-block;
  font-family: "myfont";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  vertical-align: middle;
}

.icon-1-arw:before { content: "\EA01" }
.icon-2-arw-2:before { content: "\EA02" }
.icon-3-all:before { content: "\EA03" }
.icon-4-blank:before { content: "\EA04" }
.icon-5-close-2:before { content: "\EA05" }
.icon-5-close:before { content: "\EA06" }
.icon-6-empathy:before { content: "\EA07" }
.icon-7-play:before { content: "\EA08" }
.icon-8-corner:before { content: "\EA09" }