assets/scss/iconfont.scss
// 字体图标
@font-face {
  font-family: 'iconfont';  /* Project id 552040 */
  src: url('//at.alicdn.com/t/c/font_552040_ebs0urfwux4.woff2?t=1662305814548') format('woff2'),
  url('//at.alicdn.com/t/c/font_552040_ebs0urfwux4.woff?t=1662305814548') format('woff'),
  url('//at.alicdn.com/t/c/font_552040_ebs0urfwux4.ttf?t=1662305814548') format('truetype');
}

.iconfont {
  vertical-align: bottom;
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

$iconMap         : (
  "home1"        : "\e649",
  "home2"        : "\e69e",
  "about"        : "\e63c",
  "about-f"      : "\e61f",
  "team"         : "\e645",
  "message"      : "\e619",
  "message-f"    : "\e667",
  "link"         : "\e6af",
  "link2"        : "\e622",
  "time"         : "\e6c1",
  "time1"        : "\e62a",
  "date"         : "\e629",
  "good"         : "\e69c",
  "bad"          : "\e609",
  "hot"          : "\e688",
  "hot1"         : "\e6a0",
  "tag"          : "\e636",
  "tag1"         : "\e611",
  "back-top"     : "\e6e7",
  "send"         : "\e743",
  "menu"         : "\e605",
  "search"       : "\e607",
  "arrow-top"    : "\e65d",
  "arrow-right"  : "\e65f",
  "arrow-bottom" : "\e65e",
  "arrow-left"   : "\e660",
  "arrow-right-f": "\e757",
  "arrow-right-d": "\e62b",
  "close"        : "\e601",
  "close-f"      : "\e626",
  "success-f"    : "\e610",
  "info-f"       : "\e606",
  "tips-f"       : "\e628",
  "notice1"      : "\e64b",
  "notice2"      : "\e6df",
  "count"        : "\e64a",
  "picture"      : "\e64c",
  "upload-img1"  : "\e69d",
  "upload-img2"  : "\e621",
  "expression"   : "\e600",
  "code"         : "\e7ae",
  "note1"        : "\e727",
  "note2"        : "\e617",
  "case"         : "\e678",
  "tool"         : "\e627",
  "life1"        : "\e65a",
  "book"         : "\e63e",
  "software"     : "\e612",
  "download1"    : "\e71e",
  "download2"    : "\e637",
  "loading"      : "\e6da",
  "star"         : "\e664",
  "eye"          : "\e62f",
  "reward"       : "\e604",
  "html5"        : "\e6f0",
  "html5-f"      : "\e602",
  "css3"         : "\e7c9",
  "css3-f"       : "\e7c8",
  "vue"          : "\e690",
  "react"        : "\e64d",
  "angular-f"    : "\e615",
  "bootstrap-f"  : "\e608",
  "javascript-f" : "\e635",
  "typescript-f" : "\ecef",
  "nodejs"       : "\e71d",
  "sass"         : "\e616",
  "less"         : "\e66a",
  "php"          : "\e787",
  "java"         : "\e60b",
  "python"       : "\e613",
  "mongodb"      : "\e60a",
  "mysql"        : "\e7f4",
  "redis"        : "\e6ba",
  "webpack"      : "\e65c",
  "gulp"         : "\e958",
  "git"          : "\eaf5",
  "xiaochengxu"  : "\e71f",
  "wordpress"    : "\e65b",
  "aliyun"       : "\e625",
  "twitter-f"    : "\e603",
  "apple-f"      : "\e76a",
  "android-f"    : "\e623",
  "linux"        : "\e69b",
  "databases"    : "\e63a",
  "server"       : "\e60d",
  "qq-f"         : "\e624",
  "wechat-f"     : "\e63d",
  "sina"         : "\e620",
  "github"       : "\e7ab",
  "github-f"     : "\e691"
);

@each $key, $value in $iconMap {
  @if $key == "loading" {
    .icon-#{$key} {
      display: inline-block;
      animation: rotating 2s linear infinite;
      &:before {
        content: "#{$value}";
      }
    }
  }
  @else {
    .icon-#{$key}:before {
      content: "#{$value}";
    }
  }
}

@keyframes rotating {
  to {
    transform: rotateZ(360deg);
  }
}
