帮大忙 模板开发网在线工具箱

Icon字体图标

模板开发网
Icon字体图标

iconfont字体图标的使用方法:

第一步:引入MBW图标字体文件(如需单独下载,请点击 下载):

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

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

<span class="mbw-iconfont mbw-iconxxx"></span>
  • 群组
    .mbw-iconqunzu
  • 协同
    .mbw-iconxietong
  • 更多
    .mbw-icongengduo
  • 收到
    .mbw-iconshoudao
  • 闹钟
    .mbw-iconnaozhong
  • aim
    .mbw-iconaim
  • 日期
    .mbw-iconriqi
  • 身份认证
    .mbw-iconshenfenrenzheng
  • 工作平台
    .mbw-iconpingtai
  • .mbw-iconnan
  • .mbw-iconnv
  • mac
    .mbw-iconmac
  • command
    .mbw-iconcommand
  • 运动
    .mbw-iconyundong
  • 安卓
    .mbw-iconanzhuo
  • 游戏
    .mbw-iconyouxi
  • 审批
    .mbw-iconshenpi
  • 日间模式
    .mbw-iconrijianmoshi
  • 夜间模式
    .mbw-iconyejianmoshi
  • linux
    .mbw-iconlinux
  • windows
    .mbw-iconwindows
  • 产品
    .mbw-iconchanpin
  • 清空
    .mbw-iconqingkong
  • 退出
    .mbw-icontuichu
  • 语音
    .mbw-iconyuyin
  • 照相机
    .mbw-iconzhaoxiangji
  • 视频
    .mbw-iconshipin
  • 操作
    .mbw-iconcaozuo
  • 扫一扫
    .mbw-iconsaoyisao
  • 音乐
    .mbw-iconyinyue
  • 打印机
    .mbw-icondayinji
  • 监控
    .mbw-iconjiankong
  • 模块
    .mbw-iconmokuai
  • 排序
    .mbw-iconpaixu
  • 红包
    .mbw-iconhongbao
  • 店铺
    .mbw-icondianpu
  • 礼物
    .mbw-iconliwu
  • 物流
    .mbw-iconwuliu
  • 支付
    .mbw-iconzhifu
  • 活动
    .mbw-iconhuodong
  • 优惠券
    .mbw-iconyouhuiquan
  • 书友
    .mbw-iconshuyou
  • 书本
    .mbw-iconshuben
  • 声音开
    .mbw-iconshengyinkai
  • 声音静音
    .mbw-iconshengyinjingyin
  • 表情
    .mbw-iconbiaoqing
  • 等待
    .mbw-icondengdai
  • 等待
    .mbw-icondengdai1
  • 启动
    .mbw-iconqidong
  • 停止
    .mbw-icontingzhi
  • 暂停
    .mbw-iconzanting
  • 启动
    .mbw-iconqidong1
  • 省略号
    .mbw-iconshenglvehao
  • 闪电
    .mbw-iconshandian
  • 项目
    .mbw-iconxiangmu
  • 分享
    .mbw-iconfenxiang
  • 文件
    .mbw-iconwenjian2
  • 文件
    .mbw-iconwenjian
  • 文件
    .mbw-iconwenjian1
  • 文件夹
    .mbw-iconwenjianjia
  • 皮肤
    .mbw-iconpifu
  • 图文详情
    .mbw-icontuwen
  • 预览
    .mbw-iconyulan1
  • 菜单
    .mbw-iconcaidan
  • 复制
    .mbw-iconfuzhi
  • 图片
    .mbw-icontupian
  • 图片
    .mbw-icontupian1
  • vip
    .mbw-iconvip
  • 移动
    .mbw-iconyidong
  • 隐藏
    .mbw-iconyincang
  • 回复
    .mbw-iconhuifu
  • 散点图
    .mbw-iconchart-scatter
  • 饼图
    .mbw-iconchart-pie
  • 折线图-块
    .mbw-iconchart-area
  • 折线图
    .mbw-iconchart-line
  • 柱状图
    .mbw-iconchart-bar
  • 全屏
    .mbw-iconquanping
  • 流量
    .mbw-iconliuliang
  • 时间
    .mbw-iconshijian
  • 电话
    .mbw-icondianhua
  • 火箭
    .mbw-iconhuojian
  • 互联网
    .mbw-iconhulianwang
  • 邮件
    .mbw-iconyoujian
  • 安全中心
    .mbw-iconanquan
  • 朋友圈
    .mbw-iconpengyouquan
  • 知识
    .mbw-iconzhishi
  • 问题
    .mbw-iconwenda
  • 知识库
    .mbw-iconzhishiku
  • 论坛
    .mbw-iconluntan
  • 问答
    .mbw-iconwenda2
  • 警告
    .mbw-iconjinggao
  • 不通过
    .mbw-iconbutongguo
  • 设置
    .mbw-iconshezhi3
  • 设置1
    .mbw-iconshezhi1
  • 设置
    .mbw-iconshezhi2
  • 说明
    .mbw-iconshuoming
  • 说明
    .mbw-iconshuoming2
  • text-width
    .mbw-icontext-width
  • text-height
    .mbw-icontext-height
  • code
    .mbw-iconcode
  • 旋转-2
    .mbw-iconxuanzhuan-2
  • 旋转-1
    .mbw-iconxuanzhuan-1
  • 日志
    .mbw-iconrizhi
  • 向右
    .mbw-iconxiangyou
  • 向下
    .mbw-iconxiangxia
  • 向上
    .mbw-iconxiangshang
  • 导出
    .mbw-icondaochu
  • 导入
    .mbw-icondaoru
  • 加载
    .mbw-iconjiazai
  • 上传
    .mbw-iconshangchuan2
  • 上传
    .mbw-iconshangchuan
  • 下载
    .mbw-iconxiazai2
  • 首页
    .mbw-iconshouye
  • 软件
    .mbw-iconruanjian
  • 预览
    .mbw-iconyulan2
  • 商品
    .mbw-iconshangpin
  • 订单
    .mbw-icondingdan
  • 购物车空
    .mbw-icongouwuchekong
  • 购物车满
    .mbw-icongouwucheman
  • 链接
    .mbw-iconlianjie
  • 点赞
    .mbw-iconzan
  • 删除
    .mbw-iconshanchu1
  • 下载
    .mbw-iconxiazai
  • 搜索
    .mbw-iconsousuo
  • 用户
    .mbw-iconyonghu
  • 编辑
    .mbw-iconbianji1
  • 解锁
    .mbw-iconjiesuo
  • 编辑
    .mbw-iconbianji2
  • 添加
    .mbw-icontianjia
  • 删除
    .mbw-iconshanchu2
  • QQ
    .mbw-iconqq
  • 微信
    .mbw-iconweixin
  • 裁剪
    .mbw-iconcaijian
  • 手机
    .mbw-icontel
  • 内容
    .mbw-iconneirong
  • 网络
    .mbw-iconwangluo
  • 收起菜单
    .mbw-iconshouqicaidan
  • 展开菜单
    .mbw-iconzhankaicaidan
  • 设置
    .mbw-iconshezhi
  • 添加
    .mbw-icontianjia1
  • 帮助
    .mbw-iconbangzhu
  • 刷新
    .mbw-iconshuaxin
  • 保存
    .mbw-iconbaocun
  • 地址
    .mbw-icondizhi
  • 导航
    .mbw-icondaohang
  • 箭头_向右
    .mbw-iconjiantou_xiangyou
  • 箭头_向左
    .mbw-iconjiantou_xiangzuo
  • 向左
    .mbw-iconxiangzuo
  • 上架
    .mbw-iconshangjia
  • 下架
    .mbw-iconxiajia
  • 发布
    .mbw-iconfabusekuai
  • 锁定
    .mbw-iconlock-line
  • 菜单
    .mbw-iconmenu-line
  • 二维码
    .mbw-iconico
  • tags
    .mbw-icontags
  • NEW
    .mbw-iconnew
  • HOT
    .mbw-iconhot
  • 评论
    .mbw-iconpinglun
  • .mbw-iconcai
  • 通过
    .mbw-icontongguo
  • 预览
    .mbw-iconyulan
  • 消息
    .mbw-iconxiaoxi1
  • 换一批
    .mbw-iconhuanyipi
  • 感知系统
    .mbw-iconganzhixitong
  • 钥匙
    .mbw-iconyaoshi
  • 管理员
    .mbw-iconguanliyuan
  • 电脑
    .mbw-icondiannao
  • 升级
    .mbw-iconshengji
  • 数据库
    .mbw-iconshujuku
  • 预览
    .mbw-iconpreview
  • 元数据
    .mbw-iconyuanshuju
  • 删除
    .mbw-iconshanchu
  • 收缩加号
    .mbw-iconshousuojiahao
  • 收缩减号
    .mbw-iconshousuojianhao
  • 禁用
    .mbw-iconjinyong
  • 启用
    .mbw-iconqiyong
  • 积分
    .mbw-iconjifen
  • 粉丝
    .mbw-iconfensi
  • 余额
    .mbw-iconyue
  • 首页
    .mbw-iconai-home
  • 经验值
    .mbw-iconjingyanzhi
  • 会员等级
    .mbw-iconhuiyuandengji
  • 编辑
    .mbw-iconbianji
  • 消息
    .mbw-iconxiaoxi
  • 账户管理
    .mbw-iconzhanghu
  • 财务
    .mbw-iconcaiwu
  • 内容管理
    .mbw-iconneirongguanli
  • 关注
    .mbw-iconguanzhu