Icon图标库
WEB中如今流行font图标,只需要图标对应的class即可实现矢量图标。
  • 文件夹
    ice-folder-open
  • 文件夹
    ice-folder
  • 减号
    ice-minus
  • ice-plus
  • 拖动
    ice-drag
  • 左右拖动
    ice-drag-lr
  • 上下拖动
    ice-drag-tb
  • ice-check-line
  • 差号
    ice-close-line
  • 开关按钮-开
    ice-switch-on
  • 开关按钮-关
    ice-switch-off
  • 单选
    ice-radio-on
  • 单选
    ice-radio-off
  • 复选-选择
    ice-checkbox-on
  • 复选-未选
    ice-checkbox-off
  • 收藏
    ice-collect-on
  • 收藏
    ice-collect-off
  • 箭头
    ice-arrow-round-b
  • 箭头
    ice-arrow-round-r
  • 箭头
    ice-arrow-round-t
  • 箭头
    ice-arrow-round-l
  • 箭头
    ice-arrow-triangle-b
  • 箭头
    ice-arrow-triangle-t
  • 箭头
    ice-arrow-triangle-r
  • 箭头
    ice-arrow-triangle-l
  • ice-close-round
  • ice-check-round
  • 信封-已读
    ice-envelope-on
  • 信封-未读
    ice-envelope-off
  • edge
    ice-edge
  • 谷歌
    ice-chrome
  • opera
    ice-opera
  • 火狐
    ice-firefox
  • IE
    ice-ie
  • safari
    ice-safari
  • 世界之窗
    ice-theworld
  • QQ
    ice-qq
  • 微信
    ice-weixin
  • 腾讯微博
    ice-tengxunweibo
  • qq空间
    ice-qzone
  • 新浪微博
    ice-xinlangweibo
  • 人人网
    ice-renren
  • 手机
    ice-cel
  • 电脑
    ice-computer
  • 地址
    ice-add
  • 电话
    ice-tel
  • 导航
    ice-navi
  • 移动
    ice-move
  • 菜单
    ice-dropdown
  • 二维码
    ice-erweima
  • 更新
    ice-renovate
  • 箭头
    ice-arrow-line-l
  • 箭头
    ice-arrow-line-r
  • 箭头
    ice-arrow-line-t
  • 箭头
    ice-arrow-line-b
  • 用户
    ice-user
  • 群众
    ice-mass
  • 群众
    ice-masses
  • 用户
    ice-user-round
  • 日历
    ice-calendar
  • 页面
    ice-page
  • 写字
    ice-writing
  • 插件
    ice-plug-ins
  • 消息
    ice-message
  • 产品
    ice-product
  • 文章列表
    ice-page-list
  • 设置
    ice-set-up
  • 上传
    ice-upload
  • 退出
    ice-exit
  • 浏览
    ice-view
  • 柱状图
    ice-bar-chart
  • 网格
    ice-grid
  • 面积图
    ice-area-chart
  • 折线图
    ice-line-chart
  • 饼状图
    ice-pie-chart
  • 树状图
    ice-dendrogram
  • 地图
    ice-map
  • 仪表图
    ice-meter-diagram
  • 图表D
    ice-chart-d
  • 会议
    ice-meeting
  • 滑动按钮
    ice-slide-button
  • 漏斗图
    ice-funnel-plot
  • 库存
    ice-inventory
  • 下载
    ice-download
  • 点击事件
    ice-onclick
  • 图表-生命周期
    ice-lifecycle
  • 图表-新增用户
    ice-user-add
  • 图表-用户构成
    ice-user-chart
  • 吸附
    ice-adsorption
  • 占位符
    ice-placeholder
  • 环形图
    ice-doughnut-chart
  • 图表C
    ice-chart-c
  • 表单
    ice-form
  • 布局
    ice-layout
  • 图表B
    ice-chart-b
  • 图表A
    ice-chart-a
  • 邮递
    ice-express
  • 聊天
    ice-chat
  • 保证服务
    ice-service
  • 说话
    ice-speak
  • ice-money
  • 售后
    ice-certified
  • 优惠券
    ice-coupon
  • 保证金
    ice-bail
  • 团购
    ice-group-buying
  • 礼品
    ice-gift
  • ice-rmb
  • 限时打折
    ice-customer-service
  • 售后
    ice-customer-service1
  • 客服
    ice-custom-service
  • 商品-打折
    ice-discount
  • 搜索
    ice-search
  • 标签
    ice-tag
  • 魔法棒
    ice-magic
  • 购物车
    ice-shopping-cart
  • 首页
    ice-home
  • 分类
    ice-category
  • 保存
    ice-save
  • ice-heart-on
  • ice-heart-off
  • 圆形
    ice-round
  • 三角形
    ice-triangle
  • 正方形
    ice-square
  • 圆角
    ice-fillet
  • 棱形
    ice-diamond
  • 多边形
    ice-polygon
  • 裁剪
    ice-tailor
  • 缩小
    ice-reduce
  • 放大
    ice-expand
  • 右对齐
    ice-align-right
  • 居中对齐
    ice-align-center
  • 左对齐
    ice-align-left
  • 两端对齐
    ice-align-both
  • 对象水平居中对齐
    ice-div-horizontal
  • 对象垂直居中对齐
    ice-div-vertical
  • 对象下对齐
    ice-div-bottom
  • 对象右对齐
    ice-div-right
  • 对象上对齐
    ice-div-top
  • 对象左对齐
    ice-div-left
  • 横向居中画布
    ice-canvas-horizontal
  • 纵向居中画布
    ice-canvas-vertical
  • 对齐到画布底边
    ice-canvas-bottom
  • 对齐到画布右边
    ice-canvas-right
  • 对齐到画布顶边
    ice-canvas-top
  • 对齐到画布左边
    ice-canvas-left
  • 圆角
    ice-corner_rb
  • 圆角
    ice-corner-lb
  • 圆角
    ice-corner-rt
  • 圆角
    ice-corner-lt
  • 选择
    ice-choose
  • 编辑
    ice-editor
  • 文本框
    ice-text
  • 表格
    ice-table
  • 附件
    ice-files
  • 引用
    ice-quote
  • 连接
    ice-link
  • 断开连接
    ice-link-cancel
  • 预览
    ice-preview
  • 全屏
    ice-fullscreen
  • h6
    ice-h6
  • h5
    ice-h5
  • h4
    ice-h4
  • h3
    ice-h3
  • h2
    ice-h2
  • h1
    ice-h1
  • 关于
    ice-about
  • 问号
    ice-help
  • 时间
    ice-time
  • 表情
    ice-face
  • 删除线
    ice-font-del
  • 下划线
    ice-underline
  • 倾斜
    ice-italic
  • 加粗
    ice-bold
  • 字体
    ice-font
  • 文字颜色
    ice-font-color
  • 背景颜色
    ice-font-bgcolor
  • 颜色选择器
    ice-div-color
  • 主题颜色
    ice-theme-color
  • 下标
    ice-subscript
  • 上标
    ice-superscript
  • 音乐
    ice-music
  • 视频
    ice-video
  • 清除格式
    ice-clear-format
  • 锚点
    ice-anchor
  • 撤销右
    ice-revoke-right
  • 撤销左
    ice-revoke-left
  • 有序列表
    ice-order
  • 无序列表
    ice-order-out
  • 符号
    ice-symbol
  • 图片
    ice-picture
  • 空白
    ice-empty
  • 代码
    ice-code
  • 五角星
    ice-pentagram
  • 节点
    ice-node
  • 横线
    ice-hr
  • 音乐
    ice-round-music-play
  • 音乐关
    ice-round-music-pause
  • 密码
    ice-password
  • 树状图
    ice-dendrogram-children
  • 删除
    ice-delete
  • 进度
    ice-progress
  • 九宫格
    ice-lattice
  • 轮播图
    ice-carousel
  • 选项卡
    ice-tab
  • 按钮
    ice-button
  • 选择
    ice-choice
  • 分享
    ice-share
class 引用

使用 class 来定义图标,所以当要替换图标时,只需要修改 class,如下