@font-face {
  font-family: "iconfont"; /* Project id 4829027 */
  /* Color fonts */
  src: 
       url('//at.alicdn.com/t/c/font_4829027_8ziu2r8eyws.woff2?t=1741523260969') format('woff2'),
       url('//at.alicdn.com/t/c/font_4829027_8ziu2r8eyws.woff?t=1741523260969') format('woff'),
       url('//at.alicdn.com/t/c/font_4829027_8ziu2r8eyws.ttf?t=1741523260969') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-preview:before {
  content: "\e7c3";
}

.icon-service:before {
  content: "\e7c2";
}

.icon-es6:before {
  content: "\e7bf";
}

.icon-html:before {
  content: "\e7c0";
}

.icon-css:before {
  content: "\e7c1";
}

.icon-mini-program:before {
  content: "\e7b2";
}

.icon-tool:before {
  content: "\e7b0";
}

.icon-typescript:before {
  content: "\e7b3";
}

.icon-react:before {
  content: "\e7b4";
}

.icon-span-end:before {
  content: "\e7b5";
}

.icon-node:before {
  content: "\e7af";
}

.icon-safety:before {
  content: "\e7b6";
}

.icon-vue:before {
  content: "\e7b7";
}

.icon-program:before {
  content: "\e7b8";
}

.icon-sceen:before {
  content: "\e7b9";
}

.icon-performance:before {
  content: "\e7ba";
}

.icon-network:before {
  content: "\e7bb";
}

.icon-javascript:before {
  content: "\e7bc";
}

.icon-interest:before {
  content: "\e7bd";
}

.icon-leetcode:before {
  content: "\e7be";
}

.icon-computer-base:before {
  content: "\e7aa";
}

.icon-choice:before {
  content: "\e7ab";
}

.icon-digo:before {
  content: "\e7ac";
}

.icon-engineering:before {
  content: "\e7ad";
}

.icon-design-mode:before {
  content: "\e7ae";
}