• 下级
    
  • 下级
    
  • 下级
    
  • 商城
    
  • 33资源
    
  • 33资源-线性
    
  • 商城
    
  • 广告管理
    
  • 广告
    
  • 营销设置
    
  • 卡券营销
    
  • 营销管理
    
  • 资源
    
  • 广告管理
    
  • 菜单栏-商城-分销商商城设置
    
  • 微信
    
  • 压缩包
    
  • html
    
  • 视频
    
  • css
    
  • js
    
  • suffix-php
    
  • bmp
    
  • 视频_填充
    
  • mp4
    
  • jpg
    
  • docx
    
  • file_flash
    
  • DOCX
    
  • doc、docx
    
  • 文件-文件修改
    
  • 24gf-folderPlus
    
  • docx
    
  • mp4
    
  • FLV
    
  • css
    
  • html
    
  • js
    
  • PHP
    
  • 云上传
    
  • 视频上传
    
  • 图片
    
  • 批量上传图片
    
  • 采集
    
  • 清理缓存
    
  • 清楚缓存
    
  • 清理缓存
    
  • 组织群组
    
  • 溯源码管理
    
  • HTML源码
    
  • 位置
    
  • 主页
    
  • 设置
    
  • 多边形-线型
    
  • loading
    
  • modular
    
  • notification
    
  • mic
    
  • more
    
  • pad
    
  • operation
    
  • play
    
  • print
    
  • mobile-phone
    
  • minus
    
  • navigation
    
  • pdf
    
  • prompt
    
  • move
    
  • refresh
    
  • run-up
    
  • picture
    
  • share
    
  • security
    
  • sign-out
    
  • select
    
  • stop
    
  • success
    
  • smile
    
  • switch
    
  • setting
    
  • survey
    
  • task
    
  • skip
    
  • toggle-left
    
  • toggle-right
    
  • telephone
    
  • top
    
  • unlock
    
  • user
    
  • caps-unlock-filling
    
  • comment-filling
    
  • check-item-filling
    
  • dynamic-filling
    
  • column-3
    
  • column-4
    
  • add
    
  • add-circle
    
  • adjust
    
  • arrow-up-circle
    
  • arrow-right-circle
    
  • arrow-down
    
  • ashbin
    
  • arrow-right
    
  • browse
    
  • bottom
    
  • back
    
  • bad
    
  • arrow-double-left
    
  • arrow-left-circle
    
  • arrow-double-right
    
  • caps-lock
    
  • camera
    
  • chart-bar
    
  • attachment
    
  • code
    
  • close
    
  • check-item
    
  • calendar
    
  • comment
    
  • column-vertical
    
  • column-horizontal
    
  • complete
    
  • chart-pie
    
  • cry
    
  • customer-service
    
  • delete
    
  • direction-down
    
  • copy
    
  • cut
    
  • data-view
    
  • direction-down-circle
    
  • direction-right
    
  • discount
    
  • electronics
    
  • drag
    
  • elipsis
    
  • export
    
  • explain
    
  • edit
    
  • eye-close
    
  • email
    
  • error
    
  • favorite
    
  • file-common
    
  • file-delete
    
  • file-add
    
  • film
    
  • fabulous
    
  • file
    
  • folder-close
    
  • filter
    
  • good
    
  • hide
    
  • home
    
  • file-open
    
  • forward
    
  • import
    
  • image-text
    
  • keyboard-26
    
  • keyboard-9
    
  • link
    
  • layout
    
  • fullscreen-shrink
    
  • layers
    
  • lock
    
  • fullscreen-expand
    
  • map
    
  • meh
    
  • menu
    

Unicode 引用


Unicode 是字体在网页端最原始的应用方式,特点是:

  • 支持按字体的方式去动态调整图标大小,颜色等等。
  • 默认情况下不支持多色,直接添加多色图标会自动去色。

注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)

Unicode 使用步骤如下:

第一步:拷贝项目下面生成的 @font-face

@font-face {
  font-family: 'iconfont';
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1656653501821') format('woff'),
       url('iconfont.ttf?t=1656653501821') format('truetype');
}

第二步:定义使用 iconfont 的样式

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

第三步:挑选相应图标并获取字体编码,应用于页面

<span class="iconfont">&#x33;</span>

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

  • 下级
    .icon-xiaji
  • 下级
    .icon-xiaji1
  • 下级
    .icon-xiaji2
  • 商城
    .icon-shangcheng
  • 33资源
    .icon-ziyuan
  • 33资源-线性
    .icon-ziyuan-xianxing
  • 商城
    .icon-shangcheng1
  • 广告管理
    .icon-guanggaoguanli
  • 广告
    .icon-guanggao
  • 营销设置
    .icon-yingxiaoshezhi
  • 卡券营销
    .icon-kaquanyingxiao
  • 营销管理
    .icon-yingxiaoguanli
  • 资源
    .icon-ziyuan1
  • 广告管理
    .icon-guanggaoguanli1
  • 菜单栏-商城-分销商商城设置
    .icon-caidanlan-shangcheng-fenxiaoshangshangchengshezhi
  • 微信
    .icon-weixin
  • 压缩包
    .icon-yasuobao
  • html
    .icon-html1
  • 视频
    .icon-shipin
  • css
    .icon-css1
  • js
    .icon-js1
  • suffix-php
    .icon-suffix-php
  • bmp
    .icon-bmp
  • 视频_填充
    .icon-shipintianchong
  • mp4
    .icon-mp
  • jpg
    .icon-jpg
  • docx
    .icon-docx
  • file_flash
    .icon-file_flash
  • DOCX
    .icon-DOCX
  • doc、docx
    .icon-docdocx
  • 文件-文件修改
    .icon-wj-wjxg
  • 24gf-folderPlus
    .icon-24gf-folderPlus
  • docx
    .icon-docx1
  • mp4
    .icon-mp1
  • FLV
    .icon-FLV
  • css
    .icon-css
  • html
    .icon-html
  • js
    .icon-js
  • PHP
    .icon-PHP
  • 云上传
    .icon-yunshangchuan
  • 视频上传
    .icon-shipinshangchuan
  • 图片
    .icon-icon-
  • 批量上传图片
    .icon-ic_image_upload_mult
  • 采集
    .icon-caiji
  • 清理缓存
    .icon-qinglihuancun
  • 清楚缓存
    .icon-qingchuhuancun
  • 清理缓存
    .icon-qinglihuancun1
  • 组织群组
    .icon-zuzhiqunzu
  • 溯源码管理
    .icon-suyuanmaguanli
  • HTML源码
    .icon-HTMLyuanma
  • 位置
    .icon-weizhi
  • 主页
    .icon-zhuye
  • 设置
    .icon-shezhi
  • 多边形-线型
    .icon-duobianxing-xianxing
  • loading
    .icon-loading
  • modular
    .icon-modular
  • notification
    .icon-notification
  • mic
    .icon-mic
  • more
    .icon-more
  • pad
    .icon-pad
  • operation
    .icon-operation
  • play
    .icon-play
  • print
    .icon-print
  • mobile-phone
    .icon-mobile-phone
  • minus
    .icon-minus
  • navigation
    .icon-navigation
  • pdf
    .icon-pdf
  • prompt
    .icon-prompt
  • move
    .icon-move
  • refresh
    .icon-refresh
  • run-up
    .icon-run-up
  • picture
    .icon-picture
  • share
    .icon-share
  • security
    .icon-security
  • sign-out
    .icon-sign-out
  • select
    .icon-select
  • stop
    .icon-stop
  • success
    .icon-success
  • smile
    .icon-smile
  • switch
    .icon-switch
  • setting
    .icon-setting
  • survey
    .icon-survey
  • task
    .icon-task
  • skip
    .icon-skip
  • toggle-left
    .icon-toggle-left
  • toggle-right
    .icon-toggle-right
  • telephone
    .icon-telephone
  • top
    .icon-top
  • unlock
    .icon-unlock
  • user
    .icon-user
  • caps-unlock-filling
    .icon-caps-unlock-filling
  • comment-filling
    .icon-comment-filling
  • check-item-filling
    .icon-check-item-filling
  • dynamic-filling
    .icon-dynamic-filling
  • column-3
    .icon-3column
  • column-4
    .icon-column-4
  • add
    .icon-add
  • add-circle
    .icon-add-circle
  • adjust
    .icon-adjust
  • arrow-up-circle
    .icon-arrow-up-circle
  • arrow-right-circle
    .icon-arrow-right-circle
  • arrow-down
    .icon-arrow-down
  • ashbin
    .icon-ashbin
  • arrow-right
    .icon-arrow-right
  • browse
    .icon-browse
  • bottom
    .icon-bottom
  • back
    .icon-back
  • bad
    .icon-bad
  • arrow-double-left
    .icon-arrow-double-left
  • arrow-left-circle
    .icon-arrow-left-circle
  • arrow-double-right
    .icon-arrow-double-right
  • caps-lock
    .icon-caps-lock
  • camera
    .icon-camera
  • chart-bar
    .icon-chart-bar
  • attachment
    .icon-attachment
  • code
    .icon-code
  • close
    .icon-close
  • check-item
    .icon-check-item
  • calendar
    .icon-calendar
  • comment
    .icon-comment
  • column-vertical
    .icon-column-vertical
  • column-horizontal
    .icon-column-horizontal
  • complete
    .icon-complete
  • chart-pie
    .icon-chart-pie
  • cry
    .icon-cry
  • customer-service
    .icon-customer-service
  • delete
    .icon-delete
  • direction-down
    .icon-direction-down
  • copy
    .icon-copy
  • cut
    .icon-cut
  • data-view
    .icon-data-view
  • direction-down-circle
    .icon-direction-down-circle
  • direction-right
    .icon-direction-right
  • discount
    .icon-discount
  • electronics
    .icon-electronics
  • drag
    .icon-drag
  • elipsis
    .icon-elipsis
  • export
    .icon-export
  • explain
    .icon-explain
  • edit
    .icon-edit
  • eye-close
    .icon-eye-close
  • email
    .icon-email
  • error
    .icon-error
  • favorite
    .icon-favorite
  • file-common
    .icon-file-common
  • file-delete
    .icon-file-delete
  • file-add
    .icon-file-add
  • film
    .icon-film
  • fabulous
    .icon-fabulous
  • file
    .icon-file
  • folder-close
    .icon-folder-close
  • filter
    .icon-filter
  • good
    .icon-good
  • hide
    .icon-hide
  • home
    .icon-home
  • file-open
    .icon-file-open
  • forward
    .icon-forward
  • import
    .icon-import
  • image-text
    .icon-image-text
  • keyboard-26
    .icon-keyboard-26
  • keyboard-9
    .icon-keyboard-9
  • link
    .icon-link
  • layout
    .icon-layout
  • fullscreen-shrink
    .icon-fullscreen-shrink
  • layers
    .icon-layers
  • lock
    .icon-lock
  • fullscreen-expand
    .icon-fullscreen-expand
  • map
    .icon-map
  • meh
    .icon-meh
  • menu
    .icon-menu

font-class 引用


font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。

与 Unicode 使用方式相比,具有如下特点:

  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。

使用步骤如下:

第一步:引入项目下面生成的 fontclass 代码:

<link rel="stylesheet" href="./iconfont.css">

第二步:挑选相应图标并获取类名,应用于页面:

<span class="iconfont icon-xxx"></span>

" iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

  • 下级
    #icon-xiaji
  • 下级
    #icon-xiaji1
  • 下级
    #icon-xiaji2
  • 商城
    #icon-shangcheng
  • 33资源
    #icon-ziyuan
  • 33资源-线性
    #icon-ziyuan-xianxing
  • 商城
    #icon-shangcheng1
  • 广告管理
    #icon-guanggaoguanli
  • 广告
    #icon-guanggao
  • 营销设置
    #icon-yingxiaoshezhi
  • 卡券营销
    #icon-kaquanyingxiao
  • 营销管理
    #icon-yingxiaoguanli
  • 资源
    #icon-ziyuan1
  • 广告管理
    #icon-guanggaoguanli1
  • 菜单栏-商城-分销商商城设置
    #icon-caidanlan-shangcheng-fenxiaoshangshangchengshezhi
  • 微信
    #icon-weixin
  • 压缩包
    #icon-yasuobao
  • html
    #icon-html1
  • 视频
    #icon-shipin
  • css
    #icon-css1
  • js
    #icon-js1
  • suffix-php
    #icon-suffix-php
  • bmp
    #icon-bmp
  • 视频_填充
    #icon-shipintianchong
  • mp4
    #icon-mp
  • jpg
    #icon-jpg
  • docx
    #icon-docx
  • file_flash
    #icon-file_flash
  • DOCX
    #icon-DOCX
  • doc、docx
    #icon-docdocx
  • 文件-文件修改
    #icon-wj-wjxg
  • 24gf-folderPlus
    #icon-24gf-folderPlus
  • docx
    #icon-docx1
  • mp4
    #icon-mp1
  • FLV
    #icon-FLV
  • css
    #icon-css
  • html
    #icon-html
  • js
    #icon-js
  • PHP
    #icon-PHP
  • 云上传
    #icon-yunshangchuan
  • 视频上传
    #icon-shipinshangchuan
  • 图片
    #icon-icon-
  • 批量上传图片
    #icon-ic_image_upload_mult
  • 采集
    #icon-caiji
  • 清理缓存
    #icon-qinglihuancun
  • 清楚缓存
    #icon-qingchuhuancun
  • 清理缓存
    #icon-qinglihuancun1
  • 组织群组
    #icon-zuzhiqunzu
  • 溯源码管理
    #icon-suyuanmaguanli
  • HTML源码
    #icon-HTMLyuanma
  • 位置
    #icon-weizhi
  • 主页
    #icon-zhuye
  • 设置
    #icon-shezhi
  • 多边形-线型
    #icon-duobianxing-xianxing
  • loading
    #icon-loading
  • modular
    #icon-modular
  • notification
    #icon-notification
  • mic
    #icon-mic
  • more
    #icon-more
  • pad
    #icon-pad
  • operation
    #icon-operation
  • play
    #icon-play
  • print
    #icon-print
  • mobile-phone
    #icon-mobile-phone
  • minus
    #icon-minus
  • navigation
    #icon-navigation
  • pdf
    #icon-pdf
  • prompt
    #icon-prompt
  • move
    #icon-move
  • refresh
    #icon-refresh
  • run-up
    #icon-run-up
  • picture
    #icon-picture
  • share
    #icon-share
  • security
    #icon-security
  • sign-out
    #icon-sign-out
  • select
    #icon-select
  • stop
    #icon-stop
  • success
    #icon-success
  • smile
    #icon-smile
  • switch
    #icon-switch
  • setting
    #icon-setting
  • survey
    #icon-survey
  • task
    #icon-task
  • skip
    #icon-skip
  • toggle-left
    #icon-toggle-left
  • toggle-right
    #icon-toggle-right
  • telephone
    #icon-telephone
  • top
    #icon-top
  • unlock
    #icon-unlock
  • user
    #icon-user
  • caps-unlock-filling
    #icon-caps-unlock-filling
  • comment-filling
    #icon-comment-filling
  • check-item-filling
    #icon-check-item-filling
  • dynamic-filling
    #icon-dynamic-filling
  • column-3
    #icon-3column
  • column-4
    #icon-column-4
  • add
    #icon-add
  • add-circle
    #icon-add-circle
  • adjust
    #icon-adjust
  • arrow-up-circle
    #icon-arrow-up-circle
  • arrow-right-circle
    #icon-arrow-right-circle
  • arrow-down
    #icon-arrow-down
  • ashbin
    #icon-ashbin
  • arrow-right
    #icon-arrow-right
  • browse
    #icon-browse
  • bottom
    #icon-bottom
  • back
    #icon-back
  • bad
    #icon-bad
  • arrow-double-left
    #icon-arrow-double-left
  • arrow-left-circle
    #icon-arrow-left-circle
  • arrow-double-right
    #icon-arrow-double-right
  • caps-lock
    #icon-caps-lock
  • camera
    #icon-camera
  • chart-bar
    #icon-chart-bar
  • attachment
    #icon-attachment
  • code
    #icon-code
  • close
    #icon-close
  • check-item
    #icon-check-item
  • calendar
    #icon-calendar
  • comment
    #icon-comment
  • column-vertical
    #icon-column-vertical
  • column-horizontal
    #icon-column-horizontal
  • complete
    #icon-complete
  • chart-pie
    #icon-chart-pie
  • cry
    #icon-cry
  • customer-service
    #icon-customer-service
  • delete
    #icon-delete
  • direction-down
    #icon-direction-down
  • copy
    #icon-copy
  • cut
    #icon-cut
  • data-view
    #icon-data-view
  • direction-down-circle
    #icon-direction-down-circle
  • direction-right
    #icon-direction-right
  • discount
    #icon-discount
  • electronics
    #icon-electronics
  • drag
    #icon-drag
  • elipsis
    #icon-elipsis
  • export
    #icon-export
  • explain
    #icon-explain
  • edit
    #icon-edit
  • eye-close
    #icon-eye-close
  • email
    #icon-email
  • error
    #icon-error
  • favorite
    #icon-favorite
  • file-common
    #icon-file-common
  • file-delete
    #icon-file-delete
  • file-add
    #icon-file-add
  • film
    #icon-film
  • fabulous
    #icon-fabulous
  • file
    #icon-file
  • folder-close
    #icon-folder-close
  • filter
    #icon-filter
  • good
    #icon-good
  • hide
    #icon-hide
  • home
    #icon-home
  • file-open
    #icon-file-open
  • forward
    #icon-forward
  • import
    #icon-import
  • image-text
    #icon-image-text
  • keyboard-26
    #icon-keyboard-26
  • keyboard-9
    #icon-keyboard-9
  • link
    #icon-link
  • layout
    #icon-layout
  • fullscreen-shrink
    #icon-fullscreen-shrink
  • layers
    #icon-layers
  • lock
    #icon-lock
  • fullscreen-expand
    #icon-fullscreen-expand
  • map
    #icon-map
  • meh
    #icon-meh
  • menu
    #icon-menu

Symbol 引用


这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:

  • 支持多色图标了,不再受单色限制。
  • 通过一些技巧,支持像字体那样,通过 font-size, color 来调整样式。
  • 兼容性较差,支持 IE9+,及现代浏览器。
  • 浏览器渲染 SVG 的性能一般,还不如 png。

使用步骤如下:

第一步:引入项目下面生成的 symbol 代码:

<script src="./iconfont.js"></script>

第二步:加入通用 CSS 代码(引入一次就行):

<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>

第三步:挑选相应图标并获取类名,应用于页面:

<svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xxx"></use>
</svg>