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

  [class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    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-php:before {
    content: "\e904";
    color: #777bb4;
  }
  .icon-javascript:before {
    content: "\e900";
    color: #f7df1e;
  }
  .icon-vue-dot-js:before {
    content: "\e901";
    color: #4fc08d;
  }
  .icon-angular:before {
    content: "\e902";
    color: #dd0031;
  }
  .icon-react:before {
    content: "\e903";
    color: #61dafb;
  }
  .icon-embed:before {
    content: "\ea7f";
  }
  .icon-embed2:before {
    content: "\ea80";
  }
  .icon-mail4:before {
    content: "\ea86";
  }
  .icon-whatsapp:before {
    content: "\ea93";
  }
  .icon-github:before {
    content: "\eab0";
  }
  .icon-linkedin:before {
    content: "\eac9";
  }
  .icon-linkedin2:before {
    content: "\eaca";
  }
  .icon-html-five:before {
    content: "\eae4";
  }
  .icon-css3:before {
    content: "\eae6";
  }