tp钱包正版最新下载|iconfront
图片设计素材大全 - 高清图片素材下载 - 觅知网
图片设计素材大全 - 高清图片素材下载 - 觅知网
照片
设计
视频
音乐
字体
PPT
字体
PPT
Excel 模板
Word 文档
手抄报
在线设计
在线设计
智能抠图
企业服务
分类
设计
照片
视频
音乐
字体
PPT
Excel 模板
Word 文档
手抄报
设计
全部
设计
照片
视频
音乐
字体
PPT
Excel模板
Word文档
手抄报
企业用户
个人用户
设计VIP
立即开通
设计模板
插画
元素
字体下载
背景
艺术字
办公VIP
立即开通
EXCEL
PPT
小报
文档下载
登录 / 注册
懂美学 更懂设计需求的平台
专属设计空间,承载创意之美
设计
设计
照片
视频
音乐
字体
PPT
Excel模板
Word文档
手抄报
315
春天
海报
文化墙
招聘
邀请函
红色背景
年会
在线设计快速出图
消费者权益日
在线设计
春天
营销日历
315消费者权益日
3月15日
1天后
畅想春天
4月30日
47天后
春分
3月20日
6天后
愚人节
4月1日
18天后
清明节
4月4日
21天后
地球一小时
3月30日
16天后
谷雨
4月19日
36天后
简约315海报
红色金色315
315促销
315宣传海报
315展板
315宣传栏
春季招聘
简历封面
培训招生
春季消防安全
约惠春天
春季健康宣传
简约春分海报
插画春分海报
中国风春分海报
创意春分海报
春天插画
春天踏青
4月你好
愚人节海报
愚人节促销
愚人节活动
愚人节展板
愚人节插画
清明节海报
清明节放假通知
文明祭祀
清明节促销
清明踏青
清明插画
地球一小时海报
节约用电宣传
低碳环保
低碳节能宣传栏
节约用电展板
低碳节能文化墙
简约谷雨海报
插画谷雨海报
创意谷雨海报
实拍摄影谷雨海报
谷雨插画
谷雨艺术字
热点推荐
新图速递
约会春天
潮流风格
在线设计·快速改图
中式美学
美食之旅
企业宣传
教育培训
315消费者权益日
文化墙
电脑分区壁纸
春季招聘
春天创意插画
3月新风格
长图海报
春天你好
春季宣传栏
培训招生宣传
春季促销
春天插画
春季招聘
春天活动宣传
微软风
剪纸风
美拉德配色
3月新风格
3D立体
新中式
线描摄影风
春分海报
公众号首图
315消费日
招聘海报
促销营销海报
知识科普
电商主图
长图海报
经典中式
水墨古韵
百搭纹理
细致手绘
国潮风
创意剪纸
烫金艺术
饮品宣传海报
美食宣传展板
美食优惠券
美食烧烤宣传
餐厅菜单
美食直播
美食促销
颁奖典礼
企业年会
企业宣传画册
军令状
企业文化墙
励志海报
企业介绍展架
舞蹈招生
轮滑
培训插画
招生海报
美术招生
考研
技能培训
职业技能
热门下载
设计模板
插画
元素
展板
文化墙
背景
美陈门头
设计模板
插画
元素
展板
文化墙
背景
美陈门头
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
关于我们
关于我们
精品专题
网站地图
政策声明
版权声明
注册协议
隐私政策
联系我们
客服QQ:3007321704
3007319850
客服邮箱:service@51miz.com
投诉反馈:tousu@51miz.com
商务合作:mizmizmi@163.com
企业VIP咨询
在线客服
扫码添加企业客户经理
更多精彩
Copyright © 2016-2023 觅知网 ·
沪ICP备16055192号-1
·网络文化经营许可证:沪网文【2023】0027-002号 ·
广播电视节目制作经营许可证:(沪)字第05307号
沪公网安备 31011502009177号
微信扫码关注
免费领取热门素材大礼包
签到
签到领会员
赚钱
成为签约设计师
种草
觅知网“种草官”开始招募啦!!!
客服
个人客服
工作日:9:00-22:30
周末:14:00-22:30
立即咨询
企业客服
工作日:9:00-18:00
立即咨询
企业客户经理
扫码获取报价与活动
企业微信 放心添加
需求
填写您的需求
热门海报
热门展板
热门模板
模板推荐
海报
妇女节海报
招聘海报
植树节海报
女神节海报
二月二龙抬头海报
38女神节海报
龙抬头海报
三八妇女节海报
38妇女节海报
春分海报
38节海报
三八节海报
春天海报
三八女神节海报
海报模板
红色海报
315海报
活动海报
绿色海报
科技海报
党建海报
招聘海报模板
招生海报
春季海报
惊蛰海报
美容海报
促销海报
清明节海报
学雷锋海报
人物海报
雷锋海报
产品海报
蓝色海报
茶海报
旅游海报
中医海报
315消费者权益日海报
消防安全宣传海报
38海报
生日海报
美食海报
舞蹈海报
奶茶海报
健身海报
企业文化海报
运动海报
儿童海报
篮球海报
水果海报
展板
党建展板
蓝色展板
妇女节展板
全国两会展板
科技展板
红色展板
企业展板
学校展板
女神节展板
幼儿园展板
两会展板
企业文化展板
春天展板
绿色展板
宣传展板
文明展板
春季展板
校园展板
三八妇女节展板
会议展板
党政展板
企业宣传展板
民族团结展板
医院展板
雷锋展板
中国风展板
古风展板
制度展板
生日展板
植树节展板
三八展板
环保展板
医疗展板
年会展板
少先队展板
背景展板
商务展板
安全展板
电力展板
安全生产宣传展板
龙虎榜展板
部队展板
卡通展板
安全生产展板
毕业设计展板
简约展板
灰色展板
安全生产月宣传展板
建筑施工安全展板
邀请函
名片
课程表
封面
主图
文化墙
画册
喜报
电商主图
名片模板
宣传册
logo
党建文化墙
淘宝主图
手举牌
离职证明
公章psd
菜单
企业文化墙
产品合格证
证书
红包
代金券
黑板
贺卡
合格证
温馨提示
礼盒
易拉宝
实习证明
奖牌
荣誉证书
制度
折页
作文集
psd
菜单模板
盾牌
画册封面
企业画册
工作证
三折页
标题栏
详情页
爆炸贴
生日贺卡
课程表模板
贴纸
优惠券
党建封面
科比篮球
马拉松完赛证书
华为手机
专属
古诗两首
科技电脑
果汁奶茶
文化墙党建
庆典宣传
彩墨风
基层党支部建设
庆寿
兔年微信红包封面
老人
旺铺招商
手机屏
家庭消防知识
2022日历
采茶女
党员管理
学校道德文化
创意拱门
节水标语
简约大气画册
卡通公告栏
科技科普
条框
邀请函平面
小学生读书分享
两会部队
夏上新
摄影招聘
名片绿
领航
婚纱字体
警示标语
读书分享会
房地产高端大气
快速公交
皮肤管理价目表
汽车方向盘
百日宴卡通
主题大会
吃的苹果
iconfont - 千变万化的「字」间创意——字体创意海报设计大赛
iconfont - 千变万化的「字」间创意——字体创意海报设计大赛
阿里巴巴iconfont怎么是正确的使用方式? - 知乎
阿里巴巴iconfont怎么是正确的使用方式? - 知乎首页知乎知学堂发现等你来答切换模式登录/注册前端开发图标Icon Font阿里巴巴iconfont怎么是正确的使用方式?自己画的svg想用font的类型引入到网页中,是不是要用iconfont上传生成代码,然后使用?求大神解答关注者383被浏览437,470关注问题写回答邀请回答好问题 11 条评论分享26 个回答默认排序班星灿最美不过飞机稿 关注图标的制作和上传可以参照官网给出的文档:Page 1图标的下载和使用官网上说的不是很清楚,简单介绍下:1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。3.在HTML中需要使用到图标时,使用iconfont类名。
里面写上你想用的图标下面的Unicode:4.然后你可以通过控制iconfont类的属性改变图标的样式,比如:.iconfont{
font-family:"iconfont";
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
padding-left:20px
}
就可以在页面中引用和修改了。官网中还列出了使用时候的兼容性问题及其解决方法:Page 2这些图标也可以下载到本地使用。图标都加入暂存架后选择“下载到本地”,会得到以下几个文件:浏览器打开demo.html可以看到每个图标的Unicode,把iconfont.css里的代码复制到css里面,把下面四个文件放到css可以引用到的文件夹里就可以了。下载使用的一个缺点是添加图标的话要重新把所有图标再下载一遍覆盖原来的文件,如果是在线链接只要重新生成一次链接就好了。编辑于 2015-11-12 18:33赞同 14627 条评论分享收藏喜欢收起知乎用户自从有了阿里巴巴字体图标库 设计小伙儿都变懒了发布于 2016-06-28 14:07赞同 493 条评论分享收藏喜欢
阿里妈妈iconfont矢量图标的使用方法(超详细)_阿里矢量图图标-CSDN博客
>阿里妈妈iconfont矢量图标的使用方法(超详细)_阿里矢量图图标-CSDN博客
阿里妈妈iconfont矢量图标的使用方法(超详细)
最新推荐文章于 2024-03-12 22:53:28 发布
但行好事wlw
最新推荐文章于 2024-03-12 22:53:28 发布
阅读量2.2w
收藏
82
点赞数
35
分类专栏:
HTML
CSS
文章标签:
前端
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/egg_er/article/details/121022457
版权
CSS
同时被 2 个专栏收录
21 篇文章
6 订阅
订阅专栏
HTML
13 篇文章
0 订阅
订阅专栏
iconfont使用方法
1.为什么要使用iconfont? 之前我们一直使用的是雪碧图,虽然好用,但是也是有一定的限制的,比如说,你希望这个图标大一点,当然你也可以调节雪碧图的大小但是此时会出现图片不清楚的情况,那么这个时候也就体现了iconfont的好处了,它的特点:虽然显示的是图片的形式,但是本质确是字体,也就具备了font的相关属性,可以调节它的大小,等等属性,非常方便,好处聊完了,下面看看怎么运用它吧!
怎么下载矢量图?
阿里矢量图网站:www.iconfont.cn 不收费哦~~,当然也有国外的矢量图网站我就不多说了,咱们的就够用。 进入网站以后先注册,注册完成以后,你会看到界面各式各样的矢量图标。 找一个自己需要的模块进去 可以看到第二行第三个是我喜欢的,鼠标移动到自己希望使用的图标上面,就会显示一个购物车,收藏,以及下载的图标,此时点击第一个购物车的形状的图标。 点击上面的购物车; 先说说吧这三个按钮的作用:第一个就是把这些矢量图直接加到自己的项目当中;第二个是直接把矢量图下载下来,不过此时下载下来的也就是图片了,不再是字体;不用想肯定是用第三种啦,第三种下载以后就是一个zip文件,下载以后怎么使用呢?
把下载的zip文件解压,解压以后更改你希望的名字,我通常是改成fonts,更改以后把他存到你项目的目录里,然后打开font文件夹,里面有几个文件需要注意,如下图:
进入font文件夹: 第一个demo.css文件,里面有你下载矢量图的文件地址,操作的话就是复制里面的以下代码: 把以下代码复制到你这个html文件所链接的css文件中;
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
第二个:demo_index.html文件可以直接打开,里面有你下载好的矢量图,矢量图下方有相应的代码。复制,放到span中,把span的类名设置成iconfont,或者什么都可以不过,你的css文件中此时都要给这个类名加上这句话,类名:{font-family:"iconfont" !important;}即可; 那么来看看整体的效果吧:(详细) 把上面的图片中的步骤完成,就能实现啦。 学会了嘛?还不清楚的话留言哦。(一定要注意路径问题)
优惠劵
但行好事wlw
关注
关注
35
点赞
踩
82
收藏
觉得还不错?
一键收藏
知道了
1
评论
阿里妈妈iconfont矢量图标的使用方法(超详细)
iconfont使用方法1.为什么要使用iconfont?之前我们一直使用的是雪碧图,虽然好用,但是也是有一定的限制的,比如说,你希望这个图标大一点,当然你也可以调节雪碧图的大小但是此时会出现图片不清楚的情况,那么这个时候也就体现了iconfont的好处了,它的特点:虽然显示的是图片的形式,但是本质确是字体,也就具备了font的相关属性,可以调节它的大小,等等属性,非常方便,好处聊完了,下面看看怎么运用它吧!怎么下载矢量图?阿里矢量图网站:www.iconfont.cn 不收费哦~~,当然也有国外的
复制链接
扫一扫
专栏目录
copy_alibaba:一键复制阿里巴巴矢量图标库SVG图标,无需下载
05-11
copy_alibaba
一键复制阿里巴巴矢量图标库SVG图标,无需下载
阿里巴巴矢量图标库提供了大量的图标可供选择,当然,在尊重版权的前提下拿来放在项目上。
苦于每次想要使用图标库 的图标都需要下载图标===拉到文件夹====写文件路径/////或者是需要下载svg 后在经过啰嗦的复制粘贴才能放在项目上用。
追求效率的SP怎么可能容忍这种低效率的操作!!!!!!!
果断撸一段小脚本试试水,想不到效果好不错。
一、试水工具
本次小试水使用了著名的userscript 插件: tempermonkey
打开chrome 浏览器,地址栏输入:chrome://extensions/ 进入谷歌浏览器插件安装
把mxclass_com_Tampermonkey_chrome插件.crx 文件拖拽到浏览器,自动安装插件
安装插件后,把copy_alibaba.js中的脚本文件全
阿里妈妈MU:字体图标制作详解
03-01
上期通过分享《浅谈矢量图形前景》,简单地从设计趋势、技术、以及现有应用环境等角度讲述了矢量技术应用的可行性。这期我们将把阿里妈妈MUX这两年在矢量图标制作上积累的经验也分享给大家;大家可能在网上看过很多关于矢量图标制作的教程,而且大多是技术同学分享的技术贴。整个过程也相对比较简单。在这里我们将深入地向大家讲述字体图标制作的规范流程和注意事项,很多内容是现在网上没有的,纯粹是阿里妈妈MUX这两年摸索出来的。阿里妈妈MUX在国内首家推出了在线生成字体图标平台(www.iconfont.cn),省去了设计师不太擅长的字体制作过程,所以在本教程中我们就不再详细介绍如何使用字体制作工具制作字体图标的过程
1 条评论
您还未登录,请先
登录
后发表或查看评论
iconfont-阿里巴巴矢量图标库使用教程
张时贰的博客
12-27
1万+
iconfont-阿里巴巴矢量图标库使用教程
文章目录iconfont-阿里巴巴矢量图标库使用教程一、前言二、使用步骤三、运行效果
一、前言
iconfont-阿里巴巴矢量图标库
矢量化图标可以协助我们制作HTML,比直接插入img更快捷,页面效果也更好。它有很多优点:
图标矢量化我们在最初推行 iconfont 的时候就是为了在Retina设备上也能「丝般柔滑」,这一点图片需要另外制作两倍图,而且缩放后立马就「有码了」。在制作上,不单单是图标设计为两倍就完事了,需要在整个页面设计的时候就要
阿里图标库的基本使用
热门推荐
junshangshui的专栏
08-29
4万+
一、进入阿里图标库官网站:http://www.iconfont.cn
二、选择想要的图标加入购物车(如果不想以unicode方式使用图标,那直接下载png等格式即可)
三、然后进入购物车点击下载代码
四、解压后,选择这下图五个文件复制,其它的是demo文件,告诉我们如何使用。
五、我在项目的assets目录下新建了个fonts目录来放这五个文件
六、打...
各种icon图标(阿里巴巴矢量图)
moyan的博客
08-13
2686
http://www.iconfont.cn/plus/home/index?spm=a313x.7781069.1998910419.2.RGM5pd
阿里矢量图在线引入使用步骤
qq_46372132的博客
07-13
165
一定要带上iconfont类名,后面的类名是你所使用的图标类名。在需要的文件中使用图标 class=“图标类名:在我的项目中添加了复制即可用。4.完成 ,在页面上就可以显示图标了。2.在项目引入这两个链接。
阿里妈妈字体图标Iconfont的使用方法
m0_59812088的博客
11-27
2133
(2.1) iconfont类:基本样式,包含字体的使用等。(2.2) icon-xxx:图标对应的类名。2. IconFont网站上传图标,下载使用。通过Unicode编码方式使用字体图标步骤。1、引入样式表:iconfont.css;2、复制粘贴图标对应的Unicode编码;2、 调用图标对应的类名,必须调用2个类名。2、浏览本地图标→ 去除颜色提交;同时我们也可以查看到字体图标的。使用字体图标有两种方式,通过。1、上传→ 上传SVG图标;1、 引入字体图标样式表;通过类名使用字体图标步骤。
阿里妈妈矢量图的使用
dxj124的博客
07-17
1598
阿里妈妈:https://www.iconfont.cn/home/index
1.现在图标库中选中图标,添加到购物车
2.选择好了需要的图标以后,进入到购物车,然后
选择 添加至项目---》选择项目目录(也可新建一个项目目录)---》然后选择 定
3.点击下载至本地
下载后,将下载目录中的iconfont.css,放在我们的项目目录中
注意小程序中的使用:使用的...
阿里妈妈字体图标(iconfont)使用介绍
zhang197093的博客
06-15
1万+
提起字体图标,大家首先想到的可能是 Font Awesome, 但由于Font
Awesome图标数量太多,多达近千个,但往往我们的项目中只用到其中的几个,这使得Font Awesome对我们来说显得太重量级,而且个性化定制也不方便,所以向大家推荐国内淘宝推出的
http://www.iconfont.cn/,拥有庞大的图标库,而且定制起来非常方便,下面就介绍下该网站生成定制图标的流程。
阿里妈妈矢量图标使用
dxj124的博客
10-16
3277
1.登陆 http://www.iconfont.cn/ 阿里妈妈矢量图标库
2.登陆,可以使用GitHub账号或者其他账号登陆
3.选择将要使用的主题图标,或者在搜索栏里面搜索需要的图标
4.将需要选择的图标放到购物车(添加入库)——》选择以后点击右上方的购物车图标—–》添加至项目—-》如果没有项目名的话, 建一个项目的名字—-》点击确定—-》下载至本地—》解压就可以用。
5.本地使用有
uni-app 简单引入iconfont示例(阿里妈妈)
Li_Ning21的博客
02-07
875
找到自己需要的图标,添加到购物车。放到 static/css 中。点击左上角购物车,添加至项目。然后进入项目中,导出。
iconfont-downloader:阿里妈妈图标下载工具
05-21
iconfont-downloader
适用于Android的Alimama图标字体下载器:£º
java -jar IconfontDownloader.jar $ id $ color [$ saveFileName]
$ id是图标文件的ID,您可以在网站上搜索: : $ color是16x的颜色格式$ saveFileName是可选参数
例如:
java -jar IconfontDownloader.jar 29923 ffffff ic_appreciate.png
有任何问题,请与我联系
Draw.io用阿里云3D矢量图标库-2022大数据
06-19
Draw.io用阿里云3D矢量图标库-2022大数据,使用请参考:[draw.io使用阿里云矢量图标库进行流程图、泳道图、UML、BPMN、架构图、部署图、原型图、用户故事图等绘制](https://blog.csdn.net/weixin_44479533/article/details/131289488)
Web前端矢量小图标的使用方法
11-21
在写前端页面时,我们经常会用到一些小图标之类的图片,如果使用图片的话代码写起来比较麻烦,最近发现一个方便实用的方法,直接用就可以了。 一、引入图片操作方法 首先我们输入网址:https://www.iconfont.cn/ 记...
在react native中使用阿里iconfont图标
01-08
1.在阿里图标库中下载好所需的图标到本地。下载解压的目录如下: 打开demo_index.html可以查看下载好的图标,如下: 2.把下载好的字体文件夹里的iconfon.tff复制到src/assets/fonts里 3.在根目录中配置react-...
阿里字体图标使用方法与兼容IE处理方案
06-08
有图有文,逐步介绍了阿里字体图标的使用,并且对在IE浏览器下图标显示问题提供了解决方案
应用工程中获取Shapefile文件的图形信息并显示
XiaoCai
03-12
326
本文用纯前端获取shp文件以及前后端交互的方式获取Shapefile文件中的图形信息。
web蓝桥杯真题:分阵营,比高低
最新发布
weixin_72707764的博客
03-12
268
1.数组排序:arr.sort(compareFn)基础升序函数和按数组内对象内某个属性排序
2.过滤器:常用于筛选数组
泛微ecology9开发
HMing的博客
03-08
557
链接:https://pan.baidu.com/s/1bfcXxXF_1wmbxlAGyumhQg?链接:https://pan.baidu.com/s/1Es6E9P1M-6uRQCmSOPy4vw?链接:https://pan.baidu.com/s/1ZyAv6ffeQDVjS1atj4cOmw?系统开发常见例子:基础篇---->进阶篇。相关文档本博客资源上有可以进行下载。由于迭代,可能文档不是最新的。
使用 阿里巴巴矢量图标库
08-13
要在Uni-app中使用阿里巴巴矢量图标库,可以按照以下步骤进行:
1. 注册并登录阿里巴巴矢量图标库(https://www.iconfont.cn/)的账号。
2. 在阿里巴巴矢量图标库中搜索需要的图标,选择并添加到自己的项目中。
3. 在项目中创建一个字体图标库文件夹,将从阿里巴巴矢量图标库下载的字体文件(通常是.ttf或.otf格式)放入该文件夹中。
4. 在项目的`index.html`文件中,通过`
```
5. 在需要使用字体图标的地方,使用`
```html
```
在上面的代码中,`iconfont` 是字体图标库的类名,`` 是具体的图标字符码点。
6. 根据需要设置图标的样式,如颜色、大小等。可以通过内联样式或CSS类来实现。
请注意,具体使用哪个类名和字符码点取决于你所选择的图标和下载的字体文件。在阿里巴巴矢量图标库中,每个图标都有对应的类名和字符码点,可以在图标库中查找并使用。
希望这些步骤能帮助你成功使用阿里巴巴矢量图标库!如果还有其他问题,请随时提问。
“相关推荐”对你有帮助么?
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
但行好事wlw
CSDN认证博客专家
CSDN认证企业博客
码龄4年
暂无认证
83
原创
6万+
周排名
72万+
总排名
18万+
访问
等级
1315
积分
169
粉丝
373
获赞
109
评论
1033
收藏
私信
关注
热门文章
学成在线网页制作(详细)
23418
阿里妈妈iconfont矢量图标的使用方法(超详细)
22156
GitHub 详细使用【 详细 】
20870
less安装教程【详细】 以及使用
16023
JS 本地储存 【详细】
9775
分类专栏
面试
1篇
Vue
5篇
微信小程序
1篇
解决一些头疼的问题
5篇
JavaScript
36篇
Git/Github
2篇
Node
3篇
计算机网络
1篇
CSS
21篇
移动端开发
5篇
HTML
13篇
PS
1篇
VScode
1篇
个人资料
前端路线
1篇
最新评论
微信小程序父子组件之间传值
但行好事wlw:
棒
微信小程序父子组件之间传值
m0_49471172:
很有用,谢谢大佬
学成在线网页制作(详细)
2301_81771354:
我也要球球了
学成在线网页制作(详细)
Cat506:
求一份
学成在线网页制作(详细)
但行好事wlw:
没问题 私聊我
大家在看
分享一个可用的chatgpt网站
824
低代码平台如何选型 盘点国内外主流低代码开发平台
583
【Docker】常用命令 docker run
354
flask多表查询操作的两种方法(使用外键和不使用外键)
ChatGPTPLUS、Poe、Claude介绍,以及如何订阅
133
最新文章
web前端面试题
Vue组件间的通信【子传父,父传子,同级传递,爷孙传递】
微信小程序父子组件之间传值
2022年30篇
2021年53篇
目录
目录
分类专栏
面试
1篇
Vue
5篇
微信小程序
1篇
解决一些头疼的问题
5篇
JavaScript
36篇
Git/Github
2篇
Node
3篇
计算机网络
1篇
CSS
21篇
移动端开发
5篇
HTML
13篇
PS
1篇
VScode
1篇
个人资料
前端路线
1篇
目录
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
祝福语
请填写红包祝福语或标题
红包数量
个
红包个数最小为10个
红包总金额
元
红包金额最低5元
余额支付
当前余额3.43元
前往充值 >
需支付:10.00元
取消
确定
下一步
知道了
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝
规则
hope_wisdom 发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
0
抵扣说明:
1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。
余额充值
引入阿里iconfont图标方法以及注意事项 - 知乎
引入阿里iconfont图标方法以及注意事项 - 知乎切换模式写文章登录/注册引入阿里iconfont图标方法以及注意事项tuonioooo计算机技术与软件专业技术资格证持证人背景在我们做日常项目时,通常会用到icon图标或者是一些图标字体,阿里iconfont是我们选择的较多的一种,下面我将会介绍使用方法和几种常用的引用方式iconfont新建项目官网:https://www.iconfont.cn/ 在首页选择【图标管理】-【我的项目】点击 【我的项目】填写项目信息,即可完成新建一个项目。【FontClass/Symbol 前缀】和【Font Family】参数是自定义的,以后会与我们生成的代码相关联,默认即可。添加图标新建好项目后,找到自己想要的图标,加入购物车。点击页面右上角的购物车图标,打开自己的购物车,选择添加至项目,我们就可以在自己的项目下看到添加的图标了。在我们的项目下,可以对图标进行编辑,如:大小、颜色、填充色,旋转等操作。Vue工程中引入iconfont官方文档:https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.15&helptype=code根据官方文档,有unicode引用、font-class引用、symbol引用三种引入方式,这三种方式又分有两种情况:下载到本地引入,在线链接引入。在Iconfont网页我们自己的项目下可以看到这些方式选择。unicode引用 不推荐本地引入unicode方式代码量少,并不需要下载本地文件。链接引入unicode模式下的在线链接指的是font-face代码。在vue中,将项目生成的font-face代码和自定义的iconfont样式写在App.vue的style中,就可以在项目中引用图标了。此时样式是全局作用的,如果想要实现图标不同的样式,可以增加一层自定义样式。在”myIconStyle”样式中修改color等属性可以覆盖全局的样式,实现单个的样式修改。这里注意理解下,官方文档说的“不支持多色”,是指我们iconfont网页项目中,就算有多色图标,引用的时候会自动去色,统一变成默认的颜色,不管你给图标一编辑了红色图标二编辑了黄色,在项目中用unicode方式引用的时候都会变成默认颜色,但是我们仍然可以通过修改css样式实现图标颜色自定义,只是这个颜色编辑放在代码层面来了。font-class引用 推荐使用如官方文档所说,font-class是为了让程序更加直观可读,直接用unicode会造成阅读困难。font-class模式关键在于生成的css文件。本地引入按照下图选择文件放入自己的项目中,vue中建议在assets文件夹下新建一个iconfont文件夹,放相关文件。常用的就是:iconfont.css、iconfont.ttf、iconfont.woff、iconfont.woff2@font-face {
font-family: "iconfont"; /* Project id 2974228 */
src: url('iconfont.woff2?t=1640340931514') format('woff2'),
url('iconfont.woff?t=1640340931514') format('woff'),
url('iconfont.ttf?t=1640340931514') format('truetype');
}再就是引入时,需要注意的是字体文件路径引用是否准确,否则打包可能不识别然后在main.js中引入iconfont.css文件,就可以正常使用了。import './assets/iconfont/iconfont.css'链接引入方式一:在index.html头部中,引入css文件即可方式二:点开css代码链接复制css代码,在项目中粘贴到iconfont.css文件中 ,在App.vue或main.js中引入import './assets/iconfont/iconfont.css'注意:iconfont.css中url 官方默认是cdn 链接, 打包时请改成http否则不识别@font-face {
font-family: "iconfont"; /* Project id 2974228 */
src: url('//at.alicdn.com/t/font_2974228_90efgxrmkr8.woff2?t=1639986814919') format('woff2'),
url('//at.alicdn.com/t/font_2974228_90efgxrmkr8.woff?t=1639986814919') format('woff'),
url('//at.alicdn.com/t/font_2974228_90efgxrmkr8.ttf?t=1639986814919') format('truetype');
}打包后@font-face {
font-family: "iconfont"; /* Project id 2400747 */
src: url('http://at.alicdn.com/t/font_2400747_k5sq86ts4b.woff2?t=1634895844844') format('woff2'),
url('http://at.alicdn.com/t/font_2400747_k5sq86ts4b.woff?t=1634895844844') format('woff'),
url('http://at.alicdn.com/t/font_2400747_k5sq86ts4b.ttf?t=1634895844844') format('truetype');
}symbol引用 不推荐本地引入将下载好的iconfont.js文件放入自己的工程目录,在main.js中引入,在App.vue中写好通用css代码,即可使用。import './assets/iconfont/iconfont.js'这里注意一点,下载下来的js文件是压缩过的,如果项目使用了eslint语法校验会疯狂报错,可以在js文件开头加入 /* eslint-disable */来指定该文件不应用eslint校验。链接引入在index.html头部中,引入js文件即可uni-app 引入iconfont图标基本上引入方式跟上Vue相同,但是会遇到打包时图标引入不显示的问题,解决方式如下:1.在iconfont.css中,需要使*~@* 将路径添加完整@font-face {
font-family: "iconfont"; /* Project id 2642111 */
src: url('~@/static/fonts/iconfont.woff2?t=1625021641165') format('woff2'),
url('~@/static/fonts/iconfont.woff?t=1625021641165') format('woff'),
url('~@/static/fonts/iconfont.ttf?t=1625021641165') format('truetype');
}2.在App.vue全局引入iconfont.css
/* 每个页面公共css */
@import url("~@/static/fonts/iconfont.css");
/* #ifdef MP-TOUTIAO */
/* #endif */
3.使用图标,在标签内的class通过"iconfont icon-"添加下载好的图标即可
总结 symbol引用最受官方推荐,也是最优的方式,但是浏览器兼容不好,目前来看,前端需要兼容一些低版本的浏览器,所以如果考虑到用户使用,不建议采用symbol引用。 unicode引用浏览器兼容最好,但是可读性差,font-class引用虽然兼容性比unicode引用差一点,但是提高可读性,综合来看,目前项目中还是采用font-class引用比较好。 因为引用网络资源的不稳定,所以建议采用本地引入的方式。 如果在图标库中新增加了图标,则需要更新在线链接并把该链接重新引入到实际项目中,或者重新下载代码到本地,然后在实际项目中引入最新的iconfont文件。 再就是引入时文件路径的问题,打包都需要注意。点击下方卡片/微信搜索,关注公众号“天宇文创意乐派”(ID:gh_cc865e4c536b)听说点赞和关注本号的都找到漂亮的小姐姐了哟且年后必入百万呀!!往期推荐分享6个实用的网站,非常Nice利用Vue 脚手架 开发chrome 插件,太方便了!Vue类似hooks的新库VueUse使用NodeJs和JavaScript开发微信公众号再见 Swagger UI!国人开源了一款超好用的 API 文档生成框架,Star 4.7K+,真香!!JavaScript 细节和一些实际应用,了解一下本文使用 文章同步助手 同步编辑于 2021-12-27 22:54图标Icon Font阿里软件赞同 4添加评论分享喜欢收藏申请
Iconfont - 阿里出品的图标管理工具,设计师/前端开发者必备!|那些免费的砖
Iconfont - 阿里出品的图标管理工具,设计师/前端开发者必备!|那些免费的砖
那些免费的砖
优雅地白嫖各种免费资源
前端
设计
音视频
应用
公众号
首页应用软件 免费生产力应用 本文内容
Iconfont - 阿里出品的图标管理工具,设计师/前端开发者必备!
免费生产力应用2020-05-23
11,363
css图标在线应用管理工具
阿里巴巴旗下阿里妈妈MUX团队打造的图标管理平台。
工具介绍
这是阿里妈妈团队专门为设计师和前端开发者打造的在线工具。设计师将图标上传到 Iconfont,可以自定义下载多种格式的icon,也可将图标转换为字体,方便前端工程师自由调整与使用。
通过这个免费的工具,设计师不仅可以浏览下载大量优秀设计师的图标作品,还可以管理和展示自己设计的图标。已经成为很多UI设计师和前端开发者日常工作的必备工具。
大量优质的原创图标库
工具特色
矢量图标在线存储管理。设计师绘制的大量图标都可以上传,解决了管理和查找图标非常困难的痛点;按项目管理图标,支持自定义尺寸和颜色,无论是前端工程师还是UI设计师,再也不用苦逼地切图搬砖了,需要什么尺寸,可以在平台上自行下载;对于开发者来说,可以把需要的矢量图标以项目的方式管理,一建生成再web上通过css字体控制的矢量图标,支持在web/h5/小程序/App上调用,使用简单便捷,再也不需要用模糊的图片图标了;对于设计师来说,平台上有上千上万设计师分享自己设计的图标,绝对是图标设计学习和灵感的利器。
自定义尺寸和颜色,按需下载
Iconfont 使用体验
作为一款阿里巴巴推出的在线应用,速度绝对是杠杠的,无论是设计师或开发者,使用非常简单以至于不需要教程。Iconfont 不需要注册,也不能注册,只支持新浪或 Github 账号登录,如果你不知道 Github,就直接用新浪账号登录。
目前我几乎所有的项目都使用 Iconfont 来管理,它同时也是设计师和前端开发者协同的神器,一旦使用就会发现,毕竟是阿里内部都在使用的应用,操作交互细节非常贴合实际效率的需求。并且Iconfont支持模糊搜索,让查找图标变得非常便捷。
12月16日更新:Iconfont 现已推出了插画管理功能,设计师可以上传自己的插画素材进行管理,非常方便。
免费使用说明
作为一个图标管理工具,Iconfont 是免费的。
但遗憾的是,平台上所有的图标都是阿里巴巴官方项目和平台上的设计师自行上传的。如需出于商业目的使用iconfont平台任意个人公共库中的任意图标,均应事先获得相关知识产权权利人的授权,以避免产生不必要的纠纷。
而 iconfont平台提供的官方图标库仅供广大用户交流学习使用,未经iconfont或其关联公司书面授权许可,不得用于任何商业用途。具体可查看 Iconfont 网站左下角的法律声明。
我也推荐过一些免费商用的高质量矢量图标库,比如 remix icon。
下一篇
Tinypng - 比ps更厉害的免费图片压缩神器
访问官网https://www.iconfont.cn
文章目录
更多相关文章
免费生产力应用
Notepad--(ndd) - 国产威武!国内开发者历经三年开发的跨平台文本编辑器,免费开源,霸气替换 Notepad++
GPL 协议linuxmacwindows开发工具开源软件文本编辑器
2023-08-08
一款年初发布的国产的代码、文本编辑器,同样免费开源,推荐给大家。
免费生产力应用
图压 - 简单且强大、免费开源的图片压缩软件
macsvgwindows压缩图像工具开源软件效率工具
2020-10-30
这是一款在几乎不影响图片清晰效果的情况下,将图片大小大幅压缩的优秀免费开源软件。
免费生产力应用
AIGC 工具一帧秒创 - 支持在线图文转视频、AI 数字人,一句话搞定 AI 生成视频
AIGC在线应用效率工具
2023-09-26
推荐一款好用的 AIGC 工具,功能很强大,可以大幅提高效率,支持免费使用。
免费生产力应用
Deskreen - 免费开源的无线屏幕共享软件,任意电脑和便携设备实现类似于 Mac 随航的功能
AGPL 许可linuxmacwindows开源软件效率工具
2023-06-03
简单强大的开源软件,可以把任意设备变成电脑的第二块屏幕。
Copy Right©2023, All Rights Reserved. THOSEFREE.COM
皖ICP备20005754号
码农很忙
崔文远在上海
冷石的博客
异次元软件世界
零五网
uni-app bug 汇总
小程序使用 Iconfont 的正确姿势 - 知乎
小程序使用 Iconfont 的正确姿势 - 知乎首发于前端见微切换模式写文章登录/注册小程序使用 Iconfont 的正确姿势知乎用户6hMBkL前言现如今移动设备分辨率不胜枚举,传统的标量图标要分别导出 1 倍图、2 倍图、3 倍图等以适应高分辩率设备。这无疑大大增加了设计师和客户端开发的工作量。矢量图以其无损缩放的优点,在图标方面有着极大的优势。Iconfont 是由阿里推出,功能强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能,几乎国内成了矢量图标库的事实标准。每个 Iconfont 项目都可以生成一个远程 .css 文件,下文以 //at.alicdn.com/t/font_883452_bqb4vsc7km8.css 为例。你可以查阅教程了解如何生成 .css 文件。正常 Iconfont 的使用流程是在 HTML 的 head 标签中引入样式文件,然后通过类名调用图标
不幸的是小程序不支持引入外部 css 文件,为此我寻遍网络,竟没有找到 Iconfont 在小程序中的正确用法。本文根据我在实践经验所得,是我目前能找到在小程序中使用 Iconfont 最简的方法。引入虽然小程序不支持引入外部样式表,但 .wxss 文件本质上就是 .css 文件,因此我们可以将 Iconfont 的样式表保存到本地的 .wxss 中。1. 下载 at.alicdn.com/t/font_883452_bqb4vsc7km8.css 至 /iconfont.wxss,并在 app.wxss 中引入@import "/iconfont.wxss";2. 在 .wxml 文件中使用
properties: {
icon: String,
},
})
iconfont.wxml
"usingComponents": {
"iconfont": "path/to/iconfont"
}
}page.wxml
除了阿里的iconfont图标库,还有这10个开源SVG图标库 - 知乎
除了阿里的iconfont图标库,还有这10个开源SVG图标库 - 知乎首发于前端全栈开发者切换模式写文章登录/注册除了阿里的iconfont图标库,还有这10个开源SVG图标库杭州程序员张张在国内,我想大家基本上都是用阿里的iconfont图标库,这里介绍10个其他的开源图标库,下面列出的所有库都是完全开源的,因为我已经检查了许可条款和条件。Font Awesome我相信我们大多数人至少使用过一次Font Awesome图标,直到现在为止,因为它们是最早发布的高度流行的开源图标库之一。截至目前,他们的图库中总共有1,588个免费图标和7,842个专业图标。Font Awesome仍被广泛使用的主要原因之一可能是因为它们提供大量的各种图标。我们的网站实际上使用了Font Awesome Pro的双色调图标,我们相信,与其他类似网站相比,它使我们的网站更具特色。另一个有趣的功能是Font Awesome提供了一个个性化的CDN链接,如果你创建一个帐户,你可以生成一个个性化的CDN链接。这样,你可以有条件地排除常规图标,而仅使用双色调图标。当然,你也可以通过直接复制粘贴SVG代码来选择仅包含几个图标,如果你在网站上使用的图标不超过20-30个,我建议你这样做。总之,有很多使用Font Awesome的方法,例如复制单个图标的SVG源代码,下载库或使用公共或自己的CDN。他们的页面很棒,可以帮助你开始使用Font Awesome。Demo:https://fontawesome.com/Github:https://github.com/FortAwesome/Font-AwesomeIoniconshttp://Ionicons.io是另一个由SVG驱动的开源图标库,具有457个独立图标,具有三种不同样式:轮廓、填充和锐利。我特别喜欢轮廓和形状设计的简洁明快。我绝对建议你为下一个项目尝试一下。如果你想使用ionicons,而不是只使用独立的SVG,你可以在页脚中加入以下脚本。然后,只需在HTML模板中添加以下元素,然后更改 name 属性以匹配要显示的图标,如下所示:
可以从仓库的正式入门指南中了解有关CSS.gg入门的更多信息。Demo:https://css.gg/Github:https://github.com/astrit/css.ggFeathericonsFeathericons是另一个非常漂亮和干净的图标库,包含282个SVG图标。默认情况下,它仅以SVG为主要格式,但这也没关系,因为这是目前推荐的图标使用方式,因为它是最快的。我喜欢在下载图标之前配置图标的大小、笔画宽度和颜色。你还可以通过单击网站右上角的月亮图标来切换明暗模式。Feathericons入门就像下载SVG文件并将其包含在标记中一样容易,方法是使用src或将其用作嵌入式SVG对象。Demo:https://feathericons.com/Github:https://github.com/feathericons/featherEva Icons ❤️Eva Icons是一组480个精美制作的开源图标,分别以SVG和PNG格式提供。有两种主要的轮廓和填充风格,我喜欢的是,你可以在悬停时选择框外缩放、脉动或摇动的动画。使用Eva Icons的入门方法很简单,只需下载SVG或PNG文件后选择使用的图标或下载整套图标即可。你还可以通过安装NPM软件包来包括Eva Icons,如下所示:npm i eva-iconsDemo:https://akveo.github.io/eva-icons/Github:https://github.com/akveo/eva-iconsHeroiconHeroicons是由Tailwind CSS的创建者构建的另一个很棒的开源图标库。它具有超过165个具有填充和轮廓样式的独立图标,但每个元素也提供深色和白色版本。图标的外观非常优质且制作精良。这些图标的入门非常简单,只需单击其中一个图标并复制可立即在项目中使用的内联SVG代码。我喜欢他们还提供了Figma中的库。如果你想包含所有的图标,你可以从公共资源库中下载所有的SVG文件。Demo:https://heroicons.dev/Github:https://github.com/refactoringui/heroiconsBootstrap icons几周前,我通过将新的Bootstrap 5图标与Font Awesome进行了比较。目前,它具有600多个由SVG驱动的自定义图标,我认为它在设计方面确实很出色。如果你喜欢将Bootstrap用作CSS框架,则应该考虑为下一个项目使用Bootstrap 5图标。开始使用Bootstrap 5图标就像复制SVG代码一样简单,然后你可以用你认为合适的方式来使用它,无论是内联使用,将其作为图片的源码,还是在CSS中创建伪代码类。不管是哪种方式,他们的网站都清楚地解释了实现方法。Demo:https://icons.getbootstrap.com/Github:https://github.com/twbs/iconsRemix IconRemix Icon是一个Apache License下的2149个漂亮的开源图标大集合。有各种各样的图标可供选择,例如业务,通讯,财务,地图等等。绝对值得一看。通过下载SVG或PNG版本,或者直接复制内嵌的SVG代码到剪贴板上,Remix Icon的使用非常简单。另外,您也可以选择将整个软件包下载为单个.svg文件或SVG Sprite文件。Demo:https://remixicon.com/Github:https://github.com/Remix-Design/remixiconOcticonsOcticons是一组超过100个开源图标,Github也将其用于其主要网站。显然,他们已经在通过改进图标的设计和种类来开发库的第二版。Octicons的一个巨大优势是,你还可以在React,Ruby,Rails,Jekyll和Javascript中将它作为即用型软件包获得。这是你可以用来开始使用Octicons的所有软件包。Demo:https://primer.style/octicons/Github:https://github.com/primer/octiconsIkonate最后但并非最不重要的是,Ikonate是另一个令人敬畏的开源图标库,它拥有约100个基于平面设计的高级图标。它是根据非常宽松的MIT许可证慷慨授权的。导出之前,你可以轻松配置图标的大小,边框宽度,边框和边角以及颜色。在导出ZIP文件中,你将获得一个带有所有选定内嵌图标的html文件,还有一个包含单独的SVG文件和一个雪碧图的文件夹。Demo:https://ikonate.com/Github:https://github.com/mikolajdobrucki/ikonate最后,请给这些库一个Github星,并让他们知道他们所做的工作多么出色,以支持这些库。如果你尚未决定在下一个项目中使用特定的图标库,请考虑与你的朋友或同事共享此列表。如果对你有所启发和帮助,可以点个关注、收藏、转发,也可以留言讨论,这是对作者的最大鼓励。 作者简介:Web前端工程师,全栈开发工程师、持续学习者。 发布于 2020-05-07 17:23SVG阿里巴巴集团Icon Font赞同 202 条评论分享喜欢收藏申请转载文章被以下专栏收录前端全栈开发者公众号《前端全栈开发者
Download 2400+ Free, High-Quality Icons | IcoFont
Download 2400+ Free, High-Quality Icons | IcoFont
IconsHow to UseExamplesAboutLicenseCommunityAboutLicenseCommunityNo-Code Website builder for WordPressExplore DroipLearn MoreNo-Code Website builder for WordPressDesign and build custom websitesAdd interactions & animations visuallyCustom header & footer builderAdaptive breakpointsDeveloper modeCustom attributes for all elements200+ pre-built sectionsTutor LMS deep integration Coming soonE-commerce Coming soonPremium templates library Coming soonExplore DroipCollapse2400+ free, meticulously crafted iconsCategoryCollectionsduotone324abstract41animal109brand206business23chart13construction64currency100device50directional113education40emoticon20file type41fitness10food98kids19law39mathmetical47medical56mobile ui91multimedia35payment47person38search11social116sport82text editor45transport53travel14weather81web application403©2015 - 2024 IcoFont.
iconfont Demo
iconfont Demo
Unicode
Font class
Symbol
查看项目
已确认
刷新
批量下载
列表选择
确认下架
排序
域名解析
外链
导入
icon_勾选
工单任务
业务提醒
警告
重大
严重
总数
guanbi
暂无告警
VC部署设备
KS集群系统
VG集群系统
VC集群系统
云平台系统
VC部署设备
备份节点集群系统
计算节点集群系统
SAN高可用网络
SAN交换机硬件
防火墙集群系统
行为管理集群系统
IPS集群系统
服务器硬件
行为管理硬件
存储集群系统
存储硬件
WAF硬件
IPS硬件
SSL VPN集群系统
WAF集群系统
SSL VPN硬件
防火墙硬件
交换机
交换机双活网关
控制器集群系统
控制器硬件
OSPF网络
机房互联网
交换机XX高可用组
控制器集群系统
交换机堆叠系统
VDC系统
交换机硬件
交换机LAG系统
XX云
银行联网
SD-WAN控制器硬件
节点
生成树网络
电信
联通
移动
计算机
路由器
集线器
数据库
中间件实例
主机
硬盘
Oracle
Redis
Redis-Session
RabbitMQ
Mysql
服务
防火墙
服务实例
数据服务器
负载均衡器
核心交换机
接入交换机
导出清单
确认上架
撤销
待处理
已撤销
已确认
下箭头
上箭头
outline
outline
减少
告警-未选中
告警-选中
监控-未选中
添加
警告
监控-选中
邮件
闲置资源
上升
上下选择
搜索
交易-选中
交易-未选中
重大
账号管理-选中
严重
账号管理-未选中
释放
icon_费用分析_未选中
icon_列表选择
icon_费用分析_选中
下降
shanchu-3
icon_资产_选中
icon_账单_选中
icon_xiazai
运维-选中
运维-未选中
icon_账单_未选中
icon_资产_未选中
icon_文件下载
icon_批量下载
增量备份
全量备份
icon_3_执行
icon_3_定时
icon_3_作业
icon_步骤_进行
icon_步骤_完成
icon_步骤_未进行
成功
错误
警告
撤回
下架
取消
删除
重启
icon_关闭_蓝
icon_勾选
icon_操作_更多
icon_上传
icon_其他_灰
icon_其他_白
icon_双箭头_白_收起
icon_自定义_白
icon_自定义_灰
icon_api_白
icon_双箭头_白_展开
icon_saas_白
icon_saas_灰
icon_api_灰
icon_1_复选框
icon_4_服务
icon_4_其他
icon_监控-关
Icon_日期
icon_4_失败
icon_管理_白
icon_管理_蓝
icon_筛选
icon_删除_白
icon_监控_开
icon_4_运行
icon_删除_蓝
icon_双箭头展开
icon_未选中
icon_新建_白
icon_选中
icon_双箭头 收起
Icon_搜索_未选中
icon_搜索_选中
Icon_down
icon_暂无数据
icon_设置
icon_刷新
icon_新建-蓝
云001
服务器001
数据001
新智云
icon_资源池
受控
icon_产品管理_选中
文件备份 2
icon_操作_更多
icon_更多
icon_产品管理_未选中
icon_关闭_蓝
icon_服务管理_未选中
icon_关闭_白
icon_监控-未开启
icon_服务管理_选中
icon_管理_白
icon_默认_箭头
icon_警告
icon_关闭
icon_筛选
icon_其他_白
icon_上传
icon_进行
Icon_日期
icon_管理_蓝
icon_监控
icon_上升
icon_删除_白
icon_刷新
icon_设置
icon_其他_灰
icon_未进行
icon_选中箭头
icon_完成
icon_收起_白
icon_下降
icon_选中
icon_提示
icon_新建_白
icon_收起
icon_删除_蓝
icon_新建-蓝
icon_状态
icon_saas_灰
Icon_arrow
icon_自定义_白
icon_自定义_灰
Icon_Search
icon_展开
icon_未选中
icon_BG_数据
icon_BG_数据_选中
Icon_down
icon_暂无数据
icon_saas_白
icon_api_白
icon_api_灰
icon_关闭_蓝
icon_操作_更多
icon_关闭_白
icon_监控-未开启
icon_产品管理_未选中
icon_监控
icon_服务管理_选中
icon_管理_白
icon_产品管理_选中
icon_服务管理_未选中
icon_管理_蓝
文件备份 2
取消
成功
开启
关闭
icon_自定义_白
icon_自定义_灰
icon_其他_灰
icon_其他_白
icon_api_灰
icon_api_白
icon_saas_白
icon_saas_灰
受控
MPI
icon_收起
icon_展开_未选中
icon_展开
icon_展开_选中
icon_选中
企业名称02
icon_掉线
icon_参与方
icon_发起方
icon_证书
企业名称
云
新智云
icon_互信
icon_数据库
icon_服务器
icon_资源池
文件
饼图
@2x只读
@2x可读写
@2x私有
@2x文件夹
@2x文档
@2x图片
@2x列表视图
@2x文件视图
@2x返回上级
@2x上传文件
@2x新建文件夹
@2x私有小标
@2x只读小标
@2x编辑
@2x复制
@2x读写小标
短信
硬盘
网络
云主机
负载均衡
账号安全
数字服务
数据
数字价值
数字交流
数字主权
网络
智能
物联
客服
扩容
业务系统
安全防护
容灾
容灾架构适配难
优质服务
容灾成本高
容灾管理难
优异的兼容性
全栈容灾技术
扩容周期长
业务迁移
安全教育
web安全渗透测试
运营方案
需求解决方案
物联网
API文档
云中灾备
服务市场 (3)
云安全
建站市场
应用市场
基础软件市场
多轮对话
FAQ
节约成本
经验丰富
专业团队
短信服务
通知服务
三网合一
多种均衡方式
健康检查
安全防护
Wi-Fi防护
多协议支持
超高性能
混合云架构
vpc 专有网络VPC
访问权限控制
公网出入口管理
隔离与自定义
漏洞扫描
弱密码扫描
主机漏洞扫描
web漏洞检测
报告全面
简单易用
高效精准
扫描
安全-23
测试
云数据
服务_o
产品配置
金钱
数据迁移
86-恢复备份
oss对象存储
弹性伸缩
二级-应用事件
监控
监控
即开即用
性能
实时
23 monitor stats
严重告警
方便
安全
场景灵活
箭头 下 down
负载均衡
伸缩
监控
镜像
网络访问
管理平台
存储能力
安全防护
实例类型
订单
客户
云计算
分享
搜索
新手指引
视频
开发者中心
实践
扩展
方便
安全
灵活
线下资源
线上资源
下降
便签
删除
新增
备份
软件
备份
作业
撤回
皮肤
客服
帮 助
用户
账号
仪表盘
市场活动
笔
订阅
企业账户
权限
消费
企业-组织管理
企业
筛 选
home
消 息
危险
危险
药丸
听诊器
心
自定义数据
健康
自定义区域
喇叭
喇叭
容量
安全等级
会员等级
工程信息_组织架构_jurassic
down
up
API文档
物联网
服务
服务
服务_o
我的日程
资产
印章
日历 日期
客服
数据上云
微服务
云网络
智能语音交互
云安全
云存储
云监控
短信服务
容灾上云
云计算
业务迁移
应用
云中灾备
精选产品库
智能语音交互
产品配置
客服
云上传
云缓存
云搜索
云数据
云存储 大数据
云存储 云服务
云计算 云服务
云容灾 InCDR
安全-23
云网络
网络
短信
移动硬盘
监控
云计算-28
云存储
监控
团队
web漏洞检测
测试
防护方案
扫描
扫描
方案管理
审核通过
撤销
勾
撤回色块
放大
缩小
导出
导出图片
性能
编辑
策略2
操作访问策略维护
授权策略
访问策略
物理图_防火墙
物理图_核心交换机
物理图_服务实例
物理图_服务
物理图_负载均衡器
物理图_接入交换机
物理图_数据服务器
物理图_应用服务器
物理图_Oracle
物理图_Redis-Session
物理图_Redis
物理图_Mysql
物理图_RabbitMQ
物理图_路由器
物理图_计算机
物理图_集线器
物理图_硬盘
物理图_数据库
物理图_中间件实例
物理图_主机
灯泡
灯泡
统计
云硬盘ico
严重告警
二级-告警管理
绿洲_cpu
史次职检结果及处理
内存
活动告警
告警
移动硬盘
发布
vpc 专有网络VPC
一键购买
篮子,在线,购物,购买,购物车,销售电子商务,线性,扁平,填充,单色,简约,圆润
购买
数据迁移
二级-完成迁移
二级-不迁移应用
二级-待办迁移
快照备份与恢复
86-恢复备份
平台管理
安全
拓展
方便
场景灵活
箭头-拖动
arrow-left
forward
angle-double-left
angle-double-right
play-circle
right
left
caret-down
caret-left
caret-right
caret-up
backward
arrow-up
down
enter
rollback
shrink
up-square-o
up
log-in
log-out
play-circle-o
down-circle
down-square-o
left-square-o
left-square
right-square-o
up-circle
up-circle-o
up-square
step-forward
fast-forward
verticle-left
arrows-alt
arrow-right
arrow-down
down-circle-o
down-square
fast-backward
left-circle
menu-unfold
menu-fold
retweet
right-square
right-circle
step-backward
swap-left
swap-right
verticle-right
left-circle
swap
right-circle
html
上架
下架
上架
关闭1
加号
加号1
加号2-fill
提示-fill
提示
圆形选中
密码
运维管理
更多
帮助
开关
筛选
删除
收起菜单
提醒
展开菜单
菜单
温度增加
网络系统
网络
温度
电源
温度降低
内存
网络接口
结构设计
导出
表格
创建实例
查看
任务
链接
申请权限
刷新
数据导出-01
系统状态
数据变更
SQL审核
网络品牌树
仪表盘
仪表板
播视web_播放
新建仪表板
仪表盘
管理仪表
play-circle
view-stats
web__下拉
22 stats
23 monitor stats
销售仪表盘
数据统计
部门管理
实时
实时报表
报表统计
借款状态
预算组合类型
销售动态
销售报表
项目对账单
日报统计
薪资管理
详细
icon-bang
icon-id card
icon-info
icon-money
icon-Search
仪表盘
分享给我的仪表板
指标配置
部门管理
activity_fill
add
addition_fill
addition
仪表管理
系统管理-01
仪表盘
服务器
服务器
服务器
设备管理
Group 10
unfold
dot
关机
rect
cn-负载均衡
云硬盘
edit
关系型数据库 RDS
应用管理
refresh
虚拟网卡
tag
警告
盾
删除
系统角色管理
验证码
客服
money
edit
播放
ring
对
告警信息
mongodb
nas
验证码
通用画像分析
手机
应用
设置
我的模板
事件
缓存
视频类-适应屏幕
导出
icon-arrow-left
icon-arrow-right
icon-arrow-down
icon-arrow-up
icon-close
id card
资源管理
备份
sls日志服务
ecs云服务器
系统设置
云主机
专有网络 VPC
history
用户等级统计-Y
镜像
Virtual SAN
公网IP
云硬盘
二级-应用事件
rds 云数据库SQL Server 版
成本
AK-IM_验证码
云服务器
合同
linux
安全防护
TOMCAT
失败
成功
修改密码
应用
Nginx
数据
弹性伸缩
RDS
金融
计算
密码
arrow-down
arrow-up
充值中心
资源库
apache
arrow
远程托管
clock
服务mb
证书
数据
视频
项目00
定位
游戏
渠道
问题
监控
37-服务
227注册、添加好友
列表导航_游戏
MySQL
政务
产品管理
云数据库 redis
slb负载均衡
iot物联网
移动应用
oss对象存储
金钱
常见问题
二级-政务云
项目符号
云计算
区块链
数据分析
人工智能
协同文档
user
大数据支持
严重警告
短信发送日志
存储设备
消息,电子邮件,发送,邮件,信,包,信封,线性,扁平,填充,单色,简约,圆润
电脑
服务器
Unicode 引用
Unicode 是字体在网页端最原始的应用方式,特点是:
支持按字体的方式去动态调整图标大小,颜色等等。
默认情况下不支持多色,直接添加多色图标会自动去色。
注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)
Unicode 使用步骤如下:
第一步:拷贝项目下面生成的 @font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1635405881885') format('woff2'),
url('iconfont.woff?t=1635405881885') format('woff'),
url('iconfont.ttf?t=1635405881885') format('truetype');
}
第二步:定义使用 iconfont 的样式
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
3
"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
已确认
.icon-yiqueren1
刷新
.icon-shuaxin1
批量下载
.icon-piliangxiazai
列表选择
.icon-liebiaoxuanze
确认下架
.icon-querenxiajia
排序
.icon-paixu
域名解析
.icon-yumingjiexi
外链
.icon-wailian
导入
.icon-daoru
icon_勾选
.icon-icon_gouxuan1
工单任务
.icon-gongdanrenwu
业务提醒
.icon-yewutixing
警告
.icon-jinggao2
重大
.icon-zhongda1
严重
.icon-yanzhong1
总数
.icon-zongshu
guanbi
.icon-guanbi2
暂无告警
.icon-zanwugaojing
VC部署设备
.icon-VCbushushebei1
KS集群系统
.icon-KSjiqunxitong
VG集群系统
.icon-VGjiqunxitong
VC集群系统
.icon-VCjiqunxitong
云平台系统
.icon-yunpingtaixitong
VC部署设备
.icon-VCbushushebei
备份节点集群系统
.icon-beifenjiedianjiqunxitong
计算节点集群系统
.icon-jisuanjiedianjiqunxitong
SAN高可用网络
.icon-SANgaokeyongwangluo
SAN交换机硬件
.icon-SANjiaohuanjiyingjian
防火墙集群系统
.icon-fanghuoqiangjiqunxitong
行为管理集群系统
.icon-hangweiguanlijiqunxitong
IPS集群系统
.icon-IPSjiqunxitong
服务器硬件
.icon-fuwuqiyingjian
行为管理硬件
.icon-hangweiguanliyingjian
存储集群系统
.icon-cunchujiqunxitong
存储硬件
.icon-cunchuyingjian
WAF硬件
.icon-WAFyingjian
IPS硬件
.icon-IPSyingjian
SSL VPN集群系统
.icon-SSLVPNjiqunxitong
WAF集群系统
.icon-WAFjiqunxitong
SSL VPN硬件
.icon-SSLVPNyingjian
防火墙硬件
.icon-fanghuoqiangyingjian
交换机
.icon-jiaohuanji
交换机双活网关
.icon-jiaohuanjishuanghuowangguan
控制器集群系统
.icon-kongzhiqijiqunxitong1
控制器硬件
.icon-kongzhiqiyingjian
OSPF网络
.icon-OSPFwangluo
机房互联网
.icon-jifanghulianwang
交换机XX高可用组
.icon-jiaohuanjiXXgaokeyongzu
控制器集群系统
.icon-kongzhiqijiqunxitong
交换机堆叠系统
.icon-jiaohuanjiduidiexitong
VDC系统
.icon-VDCxitong
交换机硬件
.icon-jiaohuanjiyingjian
交换机LAG系统
.icon-jiaohuanjiLAGxitong
XX云
.icon-XXyun
银行联网
.icon-yinhanglianwang
SD-WAN控制器硬件
.icon-SD-WANkongzhiqiyingjian
节点
.icon-jiedian
生成树网络
.icon-shengchengshuwangluo
电信
.icon-dianxin
联通
.icon-liantong
移动
.icon-yidong
计算机
.icon-jisuanji
路由器
.icon-luyouqi
集线器
.icon-jixianqi
数据库
.icon-shujuku
中间件实例
.icon-zhongjianjianshili
主机
.icon-zhuji
硬盘
.icon-yingpan1
Oracle
.icon-Oracle
Redis
.icon-Redis
Redis-Session
.icon-Redis-Session
RabbitMQ
.icon-RabbitMQ
Mysql
.icon-Mysql
服务
.icon-fuwu3
防火墙
.icon-fanghuoqiang
服务实例
.icon-fuwushili
数据服务器
.icon-shujufuwuqi
负载均衡器
.icon-fuzaijunhengqi
核心交换机
.icon-hexinjiaohuanji
接入交换机
.icon-jierujiaohuanji
导出清单
.icon-daochuqingdan
确认上架
.icon-querenshangjia
撤销
.icon-chexiao2
待处理
.icon-daichuli
已撤销
.icon-yichexiao
已确认
.icon-yiqueren
下箭头
.icon-xiajiantou
上箭头
.icon-shangjiantou
outline
.icon-outline1
outline
.icon-outline
减少
.icon-jianshao
告警-未选中
.icon-gaojing-weixuanzhong
告警-选中
.icon-gaojing-xuanzhong
监控-未选中
.icon-jiankong-weixuanzhong
添加
.icon-tianjia
警告
.icon-jinggao1
监控-选中
.icon-jiankong-xuanzhong
邮件
.icon-youjian
闲置资源
.icon-xianzhiziyuan
上升
.icon-shangsheng
上下选择
.icon-shangxiaxuanze
搜索
.icon-sousuo
交易-选中
.icon-jiaoyi-xuanzhong
交易-未选中
.icon-jiaoyi-weixuanzhong
重大
.icon-zhongda
账号管理-选中
.icon-zhanghaoguanli-xuanzhong
严重
.icon-yanzhong
账号管理-未选中
.icon-zhanghaoguanli-weixuanzhong
释放
.icon-shifang
icon_费用分析_未选中
.icon-icon_feiyongfenxi_weixuanzhong
icon_列表选择
.icon-icon_liebiaoxuanze
icon_费用分析_选中
.icon-icon_feiyongfenxi_xuanzhong
下降
.icon-xiajiang
shanchu-3
.icon-shanchu-3
icon_资产_选中
.icon-icon_zichan_xuanzhong
icon_账单_选中
.icon-icon_zhangdan_xuanzhong
icon_xiazai
.icon-icon_xiazai
运维-选中
.icon-yunwei-xuanzhong
运维-未选中
.icon-yunwei-weixuanzhong
icon_账单_未选中
.icon-icon_zhangdan_weixuanzhong
icon_资产_未选中
.icon-icon_zichan_weixuanzhong
icon_文件下载
.icon-icon_wenjianxiazai
icon_批量下载
.icon-icon_piliangxiazai
增量备份
.icon-zengliangbeifen
全量备份
.icon-quanliangbeifen
icon_3_执行
.icon-icon_3_zhihang
icon_3_定时
.icon-icon_3_dingshi
icon_3_作业
.icon-icon_3_zuoye
icon_步骤_进行
.icon-icon_buzhou_jinhang
icon_步骤_完成
.icon-icon_buzhou_wancheng
icon_步骤_未进行
.icon-icon_buzhou_weijinhang
成功
.icon-chenggong2
错误
.icon-cuowu
警告
.icon-jinggao
撤回
.icon-chehui1
下架
.icon-xiajia1
取消
.icon-quxiao1
删除
.icon-shanchu2
重启
.icon-zhongqi
icon_关闭_蓝
.icon-icon_guanbi_lan2
icon_勾选
.icon-icon_gouxuan
icon_操作_更多
.icon-icon_caozuo_gengduo2
icon_上传
.icon-icon_shangchuan1
icon_其他_灰
.icon-icon_qita_hui2
icon_其他_白
.icon-icon_qita_bai2
icon_双箭头_白_收起
.icon-icon_shuangjiantou_bai_shouqi
icon_自定义_白
.icon-icon_zidingyi_bai2
icon_自定义_灰
.icon-icon_zidingyi_hui2
icon_api_白
.icon-icon_api_bai2
icon_双箭头_白_展开
.icon-icon_shuangjiantou_bai_zhankai
icon_saas_白
.icon-icon_saas_bai2
icon_saas_灰
.icon-icon_saas_hui2
icon_api_灰
.icon-icon_api_hui2
icon_1_复选框
.icon-icon_1_fuxuankuang
icon_4_服务
.icon-icon_4_fuwu
icon_4_其他
.icon-icon_4_qita
icon_监控-关
.icon-icon_jiankong-guan
Icon_日期
.icon-Icon_riqi1
icon_4_失败
.icon-icon_4_shibai
icon_管理_白
.icon-icon_guanli_bai2
icon_管理_蓝
.icon-icon_guanli_lan2
icon_筛选
.icon-icon_shaixuan1
icon_删除_白
.icon-icon_shanchu_bai1
icon_监控_开
.icon-icon_jiankong_kai
icon_4_运行
.icon-icon_4_yunhang
icon_删除_蓝
.icon-icon_shanchu_lan1
icon_双箭头展开
.icon-icon_shuangjiantouzhankai
icon_未选中
.icon-icon_weixuanzhong1
icon_新建_白
.icon-icon_xinjian_bai1
icon_选中
.icon-icon_xuanzhong2
icon_双箭头 收起
.icon-icon_shuangjiantoushouqi
Icon_搜索_未选中
.icon-Icon_sousuo_weixuanzhong
icon_搜索_选中
.icon-icon_sousuo_xuanzhong
Icon_down
.icon-Icon_down1
icon_暂无数据
.icon-icon_zanwushuju1
icon_设置
.icon-icon_shezhi1
icon_刷新
.icon-icon_shuaxin1
icon_新建-蓝
.icon-icon_xinjian-lan1
云001
.icon-yun001
服务器001
.icon-fuwuqi001
数据001
.icon-shuju001
新智云
.icon-xinzhiyun
icon_资源池
.icon-icon_ziyuanchi1
受控
.icon-shoukong1
icon_产品管理_选中
.icon-icon_chanpinguanli_xuanzhong1
文件备份 2
.icon-wenjianbeifen21
icon_操作_更多
.icon-icon_caozuo_gengduo1
icon_更多
.icon-icon_gengduo
icon_产品管理_未选中
.icon-icon_chanpinguanli_weixuanzhong1
icon_关闭_蓝
.icon-icon_guanbi_lan1
icon_服务管理_未选中
.icon-icon_fuwuguanli_weixuanzhong1
icon_关闭_白
.icon-icon_guanbi_bai1
icon_监控-未开启
.icon-icon_jiankong-weikaiqi1
icon_服务管理_选中
.icon-icon_fuwuguanli_xuanzhong1
icon_管理_白
.icon-icon_guanli_bai1
icon_默认_箭头
.icon-icon_moren_jiantou
icon_警告
.icon-icon_jinggao
icon_关闭
.icon-icon_guanbi
icon_筛选
.icon-icon_shaixuan
icon_其他_白
.icon-icon_qita_bai1
icon_上传
.icon-icon_shangchuan
icon_进行
.icon-icon_jinhang
Icon_日期
.icon-Icon_riqi
icon_管理_蓝
.icon-icon_guanli_lan1
icon_监控
.icon-icon_jiankong1
icon_上升
.icon-icon_shangsheng
icon_删除_白
.icon-icon_shanchu_bai
icon_刷新
.icon-icon_shuaxin
icon_设置
.icon-icon_shezhi
icon_其他_灰
.icon-icon_qita_hui1
icon_未进行
.icon-icon_weijinhang
icon_选中箭头
.icon-icon_xuanzhongjiantou
icon_完成
.icon-icon_wancheng
icon_收起_白
.icon-icon_shouqi_bai
icon_下降
.icon-icon_xiajiang
icon_选中
.icon-icon_xuanzhong1
icon_提示
.icon-icon_tishi
icon_新建_白
.icon-icon_xinjian_bai
icon_收起
.icon-icon_shouqi1
icon_删除_蓝
.icon-icon_shanchu_lan
icon_新建-蓝
.icon-icon_xinjian-lan
icon_状态
.icon-icon_zhuangtai
icon_saas_灰
.icon-icon_saas_hui1
Icon_arrow
.icon-Icon_arrow
icon_自定义_白
.icon-icon_zidingyi_bai1
icon_自定义_灰
.icon-icon_zidingyi_hui1
Icon_Search
.icon-Icon_Search
icon_展开
.icon-icon_zhankai1
icon_未选中
.icon-icon_weixuanzhong
icon_BG_数据
.icon-icon_BG_shuju
icon_BG_数据_选中
.icon-icon_BG_shuju_xuanzhong
Icon_down
.icon-Icon_down
icon_暂无数据
.icon-icon_zanwushuju
icon_saas_白
.icon-icon_saas_bai1
icon_api_白
.icon-icon_api_bai1
icon_api_灰
.icon-icon_api_hui1
icon_关闭_蓝
.icon-icon_guanbi_lan
icon_操作_更多
.icon-icon_caozuo_gengduo
icon_关闭_白
.icon-icon_guanbi_bai
icon_监控-未开启
.icon-icon_jiankong-weikaiqi
icon_产品管理_未选中
.icon-icon_chanpinguanli_weixuanzhong
icon_监控
.icon-icon_jiankong
icon_服务管理_选中
.icon-icon_fuwuguanli_xuanzhong
icon_管理_白
.icon-icon_guanli_bai
icon_产品管理_选中
.icon-icon_chanpinguanli_xuanzhong
icon_服务管理_未选中
.icon-icon_fuwuguanli_weixuanzhong
icon_管理_蓝
.icon-icon_guanli_lan
文件备份 2
.icon-wenjianbeifen2
取消
.icon-quxiao
成功
.icon-chenggong1
开启
.icon-kaiqi
关闭
.icon-guanbi
icon_自定义_白
.icon-icon_zidingyi_bai
icon_自定义_灰
.icon-icon_zidingyi_hui
icon_其他_灰
.icon-icon_qita_hui
icon_其他_白
.icon-icon_qita_bai
icon_api_灰
.icon-icon_api_hui
icon_api_白
.icon-icon_api_bai
icon_saas_白
.icon-icon_saas_bai
icon_saas_灰
.icon-icon_saas_hui
受控
.icon-shoukong
MPI
.icon-MPI
icon_收起
.icon-icon_shouqi
icon_展开_未选中
.icon-icon_zhankai_weixuanzhong
icon_展开
.icon-icon_zhankai
icon_展开_选中
.icon-icon_zhankai_xuanzhong
icon_选中
.icon-icon_xuanzhong
企业名称02
.icon-qiyemingcheng02
icon_掉线
.icon-icon_diaoxian
icon_参与方
.icon-icon_canyufang
icon_发起方
.icon-icon_faqifang
icon_证书
.icon-icon_zhengshu
企业名称
.icon-qiyemingcheng
云
.icon-yun
新智云
.icon-xinzhiyun1
icon_互信
.icon-icon_huxin
icon_数据库
.icon-icon_shujuku
icon_服务器
.icon-icon_fuwuqi
icon_资源池
.icon-icon_ziyuanchi
文件
.icon-wenjian1
饼图
.icon-bingtu
@2x只读
.icon-col_2xzhidu
@2x可读写
.icon-col_2xkeduxie
@2x私有
.icon-col_2xsiyou
@2x文件夹
.icon-col_2xwenjianjia
@2x文档
.icon-col_2xwendang
@2x图片
.icon-col_2xtupian
@2x列表视图
.icon-2xliebiaoshitu
@2x文件视图
.icon-2xwenjianshitu
@2x返回上级
.icon-2xfanhuishangji
@2x上传文件
.icon-2xshangchuanwenjian
@2x新建文件夹
.icon-2xxinjianwenjianjia
@2x私有小标
.icon-2xsiyouxiaobiao
@2x只读小标
.icon-2xzhiduxiaobiao
@2x编辑
.icon-2xbianji
@2x复制
.icon-2xfuzhi
@2x读写小标
.icon-2xduxiexiaobiao
短信
.icon-duanxin
硬盘
.icon-yingpan
网络
.icon-wangluo
云主机
.icon-yunzhuji1
负载均衡
.icon-fuzaijunheng2
账号安全
.icon-zhanghaoanquan1
数字服务
.icon-shuzifuwu
数据
.icon-shuju
数字价值
.icon-shuzijiazhi
数字交流
.icon-shuzijiaoliu
数字主权
.icon-shuzizhuquan
网络
.icon-wangluo11
智能
.icon-zhineng
物联
.icon-wulian
客服
.icon-kefu2
扩容
.icon-col_kuorong
业务系统
.icon-col_system
安全防护
.icon-col_safe
容灾
.icon-col_rongzai
容灾架构适配难
.icon-col_jiagou
优质服务
.icon-col_service
容灾成本高
.icon-col_cost
容灾管理难
.icon-col_rongzainan
优异的兼容性
.icon-col_compatible
全栈容灾技术
.icon-col_disasterRecovery
扩容周期长
.icon-col_longPeriod
业务迁移
.icon-col_move
安全教育
.icon-col_education
web安全渗透测试
.icon-col_webSafeTest
运营方案
.icon-col_operationPlan
需求解决方案
.icon-col_solution
物联网
.icon-col_iot
API文档
.icon-col_api
云中灾备
.icon-col_disaster
服务市场 (3)
.icon-col_sevice2
云安全
.icon-col_cloudSafe
建站市场
.icon-col_stationCconstruction
应用市场
.icon-col_application
基础软件市场
.icon-col_software
多轮对话
.icon-col_chat
FAQ
.icon-col_FAQ
节约成本
.icon-col_costSaving
经验丰富
.icon-col_experience
专业团队
.icon-col_team
短信服务
.icon-col_message
通知服务
.icon-col_notice
三网合一
.icon-col_triplePlay
多种均衡方式
.icon-col_loadbalance
健康检查
.icon-col_health
安全防护
.icon-col_safeProtect
Wi-Fi防护
.icon-col_WiFi
多协议支持
.icon-col_duoxieyi
超高性能
.icon-col_performance
混合云架构
.icon-col_cloud
vpc 专有网络VPC
.icon-col_vpc
访问权限控制
.icon-col_Authority
公网出入口管理
.icon-col_PublicNetwork
隔离与自定义
.icon-col_custom
漏洞扫描
.icon-col_scanning
弱密码扫描
.icon-col_passwordScanning
主机漏洞扫描
.icon-col_hostScanning
web漏洞检测
.icon-col_webScanning
报告全面
.icon-col_report
简单易用
.icon-col_simple
高效精准
.icon-col_Efficient
扫描
.icon-col_scanning2
安全-23
.icon-col_safe3
测试
.icon-col_test
云数据
.icon-col_data
服务_o
.icon-col_service3
产品配置
.icon-col_proSetting
金钱
.icon-col_money
数据迁移
.icon-col_dataMove
86-恢复备份
.icon-col_backup
oss对象存储
.icon-col_ObjectStorage
弹性伸缩
.icon-col_elastic
二级-应用事件
.icon-col_event2
监控
.icon-col_monitor
监控
.icon-col_homeMonitor
即开即用
.icon-col_jikaijiyong
性能
.icon-col_performance2
实时
.icon-col_time
23 monitor stats
.icon-col_monitorstats
严重告警
.icon-col_SeriousWarning
方便
.icon-col_convenient
安全
.icon-col_safe4-copy
场景灵活
.icon-col_flexible2
箭头 下 down
.icon-pro_arrowDown
负载均衡
.icon-col_loadbalance2
伸缩
.icon-col_stretch
监控
.icon-col_monitor2
镜像
.icon-col_image
网络访问
.icon-col_internet
管理平台
.icon-col_platform
存储能力
.icon-col_storage2
安全防护
.icon-col_protect
实例类型
.icon-col_type
订单
.icon-col_order
客户
.icon-col_customer
云计算
.icon-col_cloudComputing
.icon-pro_pdf
分享
.icon-pro_share
搜索
.icon-pro_search
新手指引
.icon-col_guide
视频
.icon-col_video
开发者中心
.icon-col_dev
实践
.icon-col_practice
扩展
.icon-col_extend-copy
方便
.icon-col_convenient2
安全
.icon-col_safe5
灵活
.icon-col_flexible
线下资源
.icon-col_online
线上资源
.icon-col_offline
下降
.icon-col_dwon
便签
.icon-col_label
删除
.icon-col_delete
新增
.icon-col_add
备份
.icon-beifen1
软件
.icon-ruanjian
备份
.icon-beifen2
作业
.icon-zuoye
撤回
.icon-chehui
皮肤
.icon-pifu
客服
.icon-kefu1
帮 助
.icon-bangzhu1
用户
.icon-yonghu
账号
.icon-zhanghao
仪表盘
.icon-yibiaopan2
市场活动
.icon-shichanghuodong
笔
.icon-bi
订阅
.icon-dingyue
企业账户
.icon-qiyezhanghu
权限
.icon-quanxian
消费
.icon-xiaofeijilu
企业-组织管理
.icon-qiye-zuzhiguanli
企业
.icon-qiye
筛 选
.icon-shaixuan1
home
.icon-shouye
消 息
.icon-xiaoxi21-copy
危险
.icon-iconset0211
危险
.icon-weixian
药丸
.icon-yaowan
听诊器
.icon-tingzhenqi
心
.icon-health
自定义数据
.icon-zidingyishuju
健康
.icon-jiankang
自定义区域
.icon-zidingyiquyu
喇叭
.icon-notice1
喇叭
.icon-notice2
容量
.icon-rongliang
安全等级
.icon-dengji2
会员等级
.icon-dengji
工程信息_组织架构_jurassic
.icon-engineer
down
.icon-down1
up
.icon-up1
API文档
.icon-api
物联网
.icon-wulianwang
服务
.icon-fuwu
服务
.icon-fuwu1
服务_o
.icon-fuwu_o
我的日程
.icon-calendar1
资产
.icon-ssets
印章
.icon-aseal
日历 日期
.icon-calendar2
客服
.icon-kefu
数据上云
.icon-shujushangyun
微服务
.icon-weifuwu
云网络
.icon-yunwangluo
智能语音交互
.icon-zhinengyuyinjiaohu
云安全
.icon-yunanquan
云存储
.icon-yuncunchu
云监控
.icon-yunjiankong
短信服务
.icon-duanxinfuwu
容灾上云
.icon-rongzaishangyun
云计算
.icon-yunjisuan1
业务迁移
.icon-yewuqianyi
应用
.icon-yingyong1
云中灾备
.icon-yunzhongzaibei
精选产品库
.icon-home-me1
智能语音交互
.icon-home-me4
产品配置
.icon-chanpinpeizhi
客服
.icon-home-me2
云上传
.icon-home-Solution4
云缓存
.icon-yunhuancun
云搜索
.icon-yunsousuo
云数据
.icon-yunshuju
云存储 大数据
.icon-home-Solution1
云存储 云服务
.icon-home-Solution3
云计算 云服务
.icon-wulianwang-2
云容灾 InCDR
.icon-home-Solution2
安全-23
.icon-home-safe
云网络
.icon-suyaniconchanpinleibufenzuodaohangbufen85-copy
网络
.icon-home-net
短信
.icon-home-message
移动硬盘
.icon-home-disk1
监控
.icon-jiankong1
云计算-28
.icon-home-yunjisuan
云存储
.icon-home-disk
监控
.icon-home-monitor
团队
.icon-tuandui
web漏洞检测
.icon-webloudongjiance
测试
.icon-ceshi
防护方案
.icon-fanghufangan
扫描
.icon-yunliankeji_gongyinglianfuben
扫描
.icon-weibiaoti--
方案管理
.icon-fanganguanli-
审核通过
.icon-shenhetongguo
撤销
.icon-chexiao1
勾
.icon-confirm
撤回色块
.icon-chexiao
放大
.icon-fangda
缩小
.icon-unie039
导出
.icon-daochu1
导出图片
.icon-export-img
性能
.icon-xingneng
编辑
.icon-bianjiedit26
策略2
.icon-policy
操作访问策略维护
.icon-caozuofangwencelveweihu
授权策略
.icon-shouquancelve
访问策略
.icon-fangwencelve
物理图_防火墙
.icon-wulitu_fanghuoqiang
物理图_核心交换机
.icon-wulitu_hexinjiaohuanji
物理图_服务实例
.icon-wulitu_fuwushili
物理图_服务
.icon-wulitu_fuwu
物理图_负载均衡器
.icon-wulitu_fuzaijunhengqi
物理图_接入交换机
.icon-wulitu_jierujiaohuanji
物理图_数据服务器
.icon-wulitu_shujufuwuqi
物理图_应用服务器
.icon-wulitu_yingyongfuwuqi
物理图_Oracle
.icon-wulitu_Oracle
物理图_Redis-Session
.icon-wulitu_Redis-Session
物理图_Redis
.icon-wulitu_Redis
物理图_Mysql
.icon-wulitu_Mysql
物理图_RabbitMQ
.icon-wulitu_RabbitMQ
物理图_路由器
.icon-wulitu_luyouqi
物理图_计算机
.icon-wulitu_jisuanji
物理图_集线器
.icon-wulitu_jixianqi
物理图_硬盘
.icon-wulitu_yingpan
物理图_数据库
.icon-wulitu_shujuku
物理图_中间件实例
.icon-wulitu_zhongjianjianshili
物理图_主机
.icon-wulitu_zhuji
灯泡
.icon-dengpao
灯泡
.icon-dengpao-tianchong
统计
.icon-tongji
云硬盘ico
.icon-yunyingpanico
严重告警
.icon-yanzhonggaojing
二级-告警管理
.icon-erji-gaojingguanli
绿洲_cpu
.icon-lvzhou_cpu
史次职检结果及处理
.icon-shicizhijianjieguojichuli
内存
.icon-Rectanglex
活动告警
.icon-huodonggaojing
告警
.icon-gaojing
移动硬盘
.icon-yidongyingpan
发布
.icon-fabu
vpc 专有网络VPC
.icon-vpczhuanyouwangluo
一键购买
.icon-yijiangoumai
篮子,在线,购物,购买,购物车,销售电子商务,线性,扁平,填充,单色,简约,圆润
.icon-03
购买
.icon-goumai
数据迁移
.icon-shujuqianyi
二级-完成迁移
.icon-wanchengqianyi
二级-不迁移应用
.icon-buqianyiyingyong
二级-待办迁移
.icon-daibanqianyi
快照备份与恢复
.icon-kuaizhaobeifenyuhuifu
86-恢复备份
.icon-huifubeifen
平台管理
.icon-pingtaiguanli
安全
.icon-anquan
拓展
.icon-tuozhan
方便
.icon-icon5
场景灵活
.icon-duoqudaojicheng
箭头-拖动
.icon-jiantou-tuodong
arrow-left
.icon-arrowleft
forward
.icon-forward
angle-double-left
.icon-angledoubleleft
angle-double-right
.icon-angledoubleright
play-circle
.icon-playcircle
right
.icon-right
left
.icon-left
caret-down
.icon-caretdown
caret-left
.icon-caretleft
caret-right
.icon-caretright
caret-up
.icon-caretup
backward
.icon-backward
arrow-up
.icon-arrow-up2
down
.icon-down
enter
.icon-enter
rollback
.icon-rollback
shrink
.icon-shrink
up-square-o
.icon-up-square-o
up
.icon-up
log-in
.icon-log-in
log-out
.icon-log-out
play-circle-o
.icon-play-circle-o
down-circle
.icon-down-circle
down-square-o
.icon-down-square-o
left-square-o
.icon-left-square-o
left-square
.icon-left-square
right-square-o
.icon-right-square-o
up-circle
.icon-up-circle
up-circle-o
.icon-up-circle-o
up-square
.icon-up-square
step-forward
.icon-step-forward
fast-forward
.icon-fast-forward
verticle-left
.icon-verticle-left
arrows-alt
.icon-arrowsalt
arrow-right
.icon-arrowright
arrow-down
.icon-arrowdown
down-circle-o
.icon-down-circle-o
down-square
.icon-down-square
fast-backward
.icon-fast-backward
left-circle
.icon-left-circle
menu-unfold
.icon-menu-unfold
menu-fold
.icon-menu-fold
retweet
.icon-retweet
right-square
.icon-right-square
right-circle
.icon-right-circle
step-backward
.icon-step-backward
swap-left
.icon-swap-left
swap-right
.icon-swap-right
verticle-right
.icon-verticle-right
left-circle
.icon-left-circle1
swap
.icon-swap
right-circle
.icon-right-circle1
html
.icon-html
上架
.icon-shangjia
下架
.icon-xiajia
上架
.icon-shangjia1
关闭1
.icon-guanbi1
加号
.icon-jiahao
加号1
.icon-jiahao1
加号2-fill
.icon-jiahao2fill
提示-fill
.icon-tishifill
提示
.icon-tishi
圆形选中
.icon-yuanxingxuanzhong
密码
.icon-password
运维管理
.icon-yunweiguanli
更多
.icon-gengduo
帮助
.icon-bangzhu
开关
.icon-kaiguan
筛选
.icon-shaixuan
删除
.icon-shanchu
收起菜单
.icon-shouqicaidan
提醒
.icon-tixing
展开菜单
.icon-zhankaicaidan
菜单
.icon-caidan
温度增加
.icon-wenduzengjia
网络系统
.icon-wangluoxitong
网络
.icon-wangluo1
温度
.icon-wendu
电源
.icon-dianyuan
温度降低
.icon-wendujiangdi
内存
.icon-neicun
网络接口
.icon-wangluojiekou
结构设计
.icon-jiegousheji
导出
.icon-daochu
表格
.icon-biaoge
创建实例
.icon-chuangjianshili
查看
.icon-chakan
任务
.icon-renwu
链接
.icon-lianjie
申请权限
.icon-shenqingquanxian
刷新
.icon-shuaxin
数据导出-01
.icon-shujudaochu-01
系统状态
.icon-xitongzhuangtai
数据变更
.icon-shujubiangeng
SQL审核
.icon-SQLshenhe
网络品牌树
.icon-wangluopinpaishu
仪表盘
.icon-icon
仪表板
.icon-ic_dashboard_px
播视web_播放
.icon-boshiweb_bofang
新建仪表板
.icon-xinjianyibiaoban
仪表盘
.icon-yibiaopan
管理仪表
.icon-guanliyibiao
play-circle
.icon-play-circle
view-stats
.icon-view-stats
web__下拉
.icon-web__xiala
22 stats
.icon-stats
23 monitor stats
.icon-monitorstats
销售仪表盘
.icon-icon-test
数据统计
.icon-icon-test1
部门管理
.icon-bumenguanli
实时
.icon-shishi
实时报表
.icon-shishibaobiao
报表统计
.icon-baobiaotongji
借款状态
.icon-jiekuanzhuangtai
预算组合类型
.icon-yusuanzuheleixing
销售动态
.icon-xiaoshoudongtai
销售报表
.icon-xiaoshoubaobiao
项目对账单
.icon-xiangmuduizhangdan
日报统计
.icon-ribaotongji
薪资管理
.icon-xinziguanli
详细
.icon-xiangxi
icon-bang
.icon-icon-bang
icon-id card
.icon-icon-idcard
icon-info
.icon-icon-info
icon-money
.icon-icon-money
icon-Search
.icon-icon-Search
仪表盘
.icon--
分享给我的仪表板
.icon-fenxianggeiwodeyibiaoban
指标配置
.icon-zhibiaopeizhi
部门管理
.icon-bumenguanli1
activity_fill
.icon-activity_fill
add
.icon-add
addition_fill
.icon-addition_fill
addition
.icon-addition
仪表管理
.icon-yibiaoguanli
系统管理-01
.icon-xitongguanli
仪表盘
.icon-yibiaopan1
服务器
.icon-fuwuqi1
服务器
.icon-fuwuqi11
服务器
.icon-fuwuqi2
设备管理
.icon-shebeiguanli
Group 10
.icon-Group
unfold
.icon-unfold
dot
.icon-dot
关机
.icon-shutdown
rect
.icon-rect
cn-负载均衡
.icon-cnfuzaijunheng
云硬盘
.icon-driver
edit
.icon-edit
关系型数据库 RDS
.icon-5
应用管理
.icon-yingyongguanli
refresh
.icon-refresh
虚拟网卡
.icon-xuniwangqia81
tag
.icon-tag
警告
.icon-warning-circle
盾
.icon-shield
删除
.icon-shanchu1
系统角色管理
.icon-user
验证码
.icon-yanzhengma
客服
.icon-ask
money
.icon-money1
edit
.icon-edit1
播放
.icon-start
ring
.icon-ring
对
.icon-dui
告警信息
.icon-gaojingxinxi
mongodb
.icon-mongodb
nas
.icon-nas
验证码
.icon-yanzhengma1
通用画像分析
.icon-chart
手机
.icon-shouji
应用
.icon-yingyong
设置
.icon-setup
我的模板
.icon-template
事件
.icon-event
缓存
.icon-huancun
视频类-适应屏幕
.icon-screen
导出
.icon-export
icon-arrow-left
.icon-arrow-left
icon-arrow-right
.icon-arrow-right
icon-arrow-down
.icon-arrow-down
icon-arrow-up
.icon-arrow-up
icon-close
.icon-close
id card
.icon-idcard
资源管理
.icon-resource
备份
.icon-beifen
sls日志服务
.icon-log
ecs云服务器
.icon-ecsyunfuwuqi
系统设置
.icon-setting
云主机
.icon-yunzhuji
专有网络 VPC
.icon-zhuanyouwangluoVPC
history
.icon-header-history
用户等级统计-Y
.icon-yonghudengjitongji-Y
镜像
.icon-jingxiang
Virtual SAN
.icon-VirtualSAN
公网IP
.icon-gongwangIP
云硬盘
.icon-yunyingpan1
二级-应用事件
.icon-erji-yingyongshijian
rds 云数据库SQL Server 版
.icon-rdsyunshujukuSQLServerban
成本
.icon-chengben
AK-IM_验证码
.icon-im_yanzhengma
云服务器
.icon-msnui-server-cloud
合同
.icon-hetong
linux
.icon-linux
安全防护
.icon-anquanfanghu
TOMCAT
.icon-tomcat
失败
.icon-unie046
成功
.icon-chenggong
修改密码
.icon-xiugaimima
应用
.icon-52
Nginx
.icon-nginx
数据
.icon-iconset0357
弹性伸缩
.icon-tanxingshensuo
RDS
.icon-rds
金融
.icon-16
计算
.icon-icon1
密码
.icon-mima
arrow-down
.icon-arrow-down1
arrow-up
.icon-arrow-up1
充值中心
.icon-chongzhizhongxin
资源库
.icon-ziyuanku
apache
.icon-apache
arrow
.icon-arrow
远程托管
.icon-weibiaoti509
clock
.icon-clock
服务mb
.icon-fuwutubiao
证书
.icon-zhengshu
数据
.icon-data
视频
.icon-shipin
项目00
.icon-xiangmu00
定位
.icon-dingwei
游戏
.icon-youxi
渠道
.icon-channel
问题
.icon-wenti
监控
.icon-jiankong
37-服务
.icon-fuwu2
227注册、添加好友
.icon-zhucetianjiahaoyou
列表导航_游戏
.icon-liebiaodaohang_youxi
MySQL
.icon-mysql
政务
.icon-zhengwu
产品管理
.icon-chanpinguanli
云数据库 redis
.icon-NoSQLshujukuredis
slb负载均衡
.icon-slbfuzaijunheng
iot物联网
.icon-iotwulianwang
移动应用
.icon-yidongyingyong
oss对象存储
.icon-ossduixiangcunchu
金钱
.icon-jinqian
常见问题
.icon-changjianwenti
二级-政务云
.icon-erji-zhengwuyun
项目符号
.icon-icon--
云计算
.icon-yunjisuan
区块链
.icon-qukuailian
数据分析
.icon-shujufenxi
人工智能
.icon-rengongzhineng
协同文档
.icon-xietongwendang
user
.icon-user1
大数据支持
.icon-kujialeqiyezhan_dashujuzhichi-
严重警告
.icon-bang2
短信发送日志
.icon-duanxinfasongrizhi
存储设备
.icon-cunchushebei
消息,电子邮件,发送,邮件,信,包,信封,线性,扁平,填充,单色,简约,圆润
.icon-14
电脑
.icon-diannao
服务器
.icon-fuwuqi
font-class 引用
font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。
与 Unicode 使用方式相比,具有如下特点:
相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
使用步骤如下:
第一步:引入项目下面生成的 fontclass 代码:
第二步:挑选相应图标并获取类名,应用于页面:
"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。
已确认
#icon-yiqueren1
刷新
#icon-shuaxin1
批量下载
#icon-piliangxiazai
列表选择
#icon-liebiaoxuanze
确认下架
#icon-querenxiajia
排序
#icon-paixu
域名解析
#icon-yumingjiexi
外链
#icon-wailian
导入
#icon-daoru
icon_勾选
#icon-icon_gouxuan1
工单任务
#icon-gongdanrenwu
业务提醒
#icon-yewutixing
警告
#icon-jinggao2
重大
#icon-zhongda1
严重
#icon-yanzhong1
总数
#icon-zongshu
guanbi
#icon-guanbi2
暂无告警
#icon-zanwugaojing
VC部署设备
#icon-VCbushushebei1
KS集群系统
#icon-KSjiqunxitong
VG集群系统
#icon-VGjiqunxitong
VC集群系统
#icon-VCjiqunxitong
云平台系统
#icon-yunpingtaixitong
VC部署设备
#icon-VCbushushebei
备份节点集群系统
#icon-beifenjiedianjiqunxitong
计算节点集群系统
#icon-jisuanjiedianjiqunxitong
SAN高可用网络
#icon-SANgaokeyongwangluo
SAN交换机硬件
#icon-SANjiaohuanjiyingjian
防火墙集群系统
#icon-fanghuoqiangjiqunxitong
行为管理集群系统
#icon-hangweiguanlijiqunxitong
IPS集群系统
#icon-IPSjiqunxitong
服务器硬件
#icon-fuwuqiyingjian
行为管理硬件
#icon-hangweiguanliyingjian
存储集群系统
#icon-cunchujiqunxitong
存储硬件
#icon-cunchuyingjian
WAF硬件
#icon-WAFyingjian
IPS硬件
#icon-IPSyingjian
SSL VPN集群系统
#icon-SSLVPNjiqunxitong
WAF集群系统
#icon-WAFjiqunxitong
SSL VPN硬件
#icon-SSLVPNyingjian
防火墙硬件
#icon-fanghuoqiangyingjian
交换机
#icon-jiaohuanji
交换机双活网关
#icon-jiaohuanjishuanghuowangguan
控制器集群系统
#icon-kongzhiqijiqunxitong1
控制器硬件
#icon-kongzhiqiyingjian
OSPF网络
#icon-OSPFwangluo
机房互联网
#icon-jifanghulianwang
交换机XX高可用组
#icon-jiaohuanjiXXgaokeyongzu
控制器集群系统
#icon-kongzhiqijiqunxitong
交换机堆叠系统
#icon-jiaohuanjiduidiexitong
VDC系统
#icon-VDCxitong
交换机硬件
#icon-jiaohuanjiyingjian
交换机LAG系统
#icon-jiaohuanjiLAGxitong
XX云
#icon-XXyun
银行联网
#icon-yinhanglianwang
SD-WAN控制器硬件
#icon-SD-WANkongzhiqiyingjian
节点
#icon-jiedian
生成树网络
#icon-shengchengshuwangluo
电信
#icon-dianxin
联通
#icon-liantong
移动
#icon-yidong
计算机
#icon-jisuanji
路由器
#icon-luyouqi
集线器
#icon-jixianqi
数据库
#icon-shujuku
中间件实例
#icon-zhongjianjianshili
主机
#icon-zhuji
硬盘
#icon-yingpan1
Oracle
#icon-Oracle
Redis
#icon-Redis
Redis-Session
#icon-Redis-Session
RabbitMQ
#icon-RabbitMQ
Mysql
#icon-Mysql
服务
#icon-fuwu3
防火墙
#icon-fanghuoqiang
服务实例
#icon-fuwushili
数据服务器
#icon-shujufuwuqi
负载均衡器
#icon-fuzaijunhengqi
核心交换机
#icon-hexinjiaohuanji
接入交换机
#icon-jierujiaohuanji
导出清单
#icon-daochuqingdan
确认上架
#icon-querenshangjia
撤销
#icon-chexiao2
待处理
#icon-daichuli
已撤销
#icon-yichexiao
已确认
#icon-yiqueren
下箭头
#icon-xiajiantou
上箭头
#icon-shangjiantou
outline
#icon-outline1
outline
#icon-outline
减少
#icon-jianshao
告警-未选中
#icon-gaojing-weixuanzhong
告警-选中
#icon-gaojing-xuanzhong
监控-未选中
#icon-jiankong-weixuanzhong
添加
#icon-tianjia
警告
#icon-jinggao1
监控-选中
#icon-jiankong-xuanzhong
邮件
#icon-youjian
闲置资源
#icon-xianzhiziyuan
上升
#icon-shangsheng
上下选择
#icon-shangxiaxuanze
搜索
#icon-sousuo
交易-选中
#icon-jiaoyi-xuanzhong
交易-未选中
#icon-jiaoyi-weixuanzhong
重大
#icon-zhongda
账号管理-选中
#icon-zhanghaoguanli-xuanzhong
严重
#icon-yanzhong
账号管理-未选中
#icon-zhanghaoguanli-weixuanzhong
释放
#icon-shifang
icon_费用分析_未选中
#icon-icon_feiyongfenxi_weixuanzhong
icon_列表选择
#icon-icon_liebiaoxuanze
icon_费用分析_选中
#icon-icon_feiyongfenxi_xuanzhong
下降
#icon-xiajiang
shanchu-3
#icon-shanchu-3
icon_资产_选中
#icon-icon_zichan_xuanzhong
icon_账单_选中
#icon-icon_zhangdan_xuanzhong
icon_xiazai
#icon-icon_xiazai
运维-选中
#icon-yunwei-xuanzhong
运维-未选中
#icon-yunwei-weixuanzhong
icon_账单_未选中
#icon-icon_zhangdan_weixuanzhong
icon_资产_未选中
#icon-icon_zichan_weixuanzhong
icon_文件下载
#icon-icon_wenjianxiazai
icon_批量下载
#icon-icon_piliangxiazai
增量备份
#icon-zengliangbeifen
全量备份
#icon-quanliangbeifen
icon_3_执行
#icon-icon_3_zhihang
icon_3_定时
#icon-icon_3_dingshi
icon_3_作业
#icon-icon_3_zuoye
icon_步骤_进行
#icon-icon_buzhou_jinhang
icon_步骤_完成
#icon-icon_buzhou_wancheng
icon_步骤_未进行
#icon-icon_buzhou_weijinhang
成功
#icon-chenggong2
错误
#icon-cuowu
警告
#icon-jinggao
撤回
#icon-chehui1
下架
#icon-xiajia1
取消
#icon-quxiao1
删除
#icon-shanchu2
重启
#icon-zhongqi
icon_关闭_蓝
#icon-icon_guanbi_lan2
icon_勾选
#icon-icon_gouxuan
icon_操作_更多
#icon-icon_caozuo_gengduo2
icon_上传
#icon-icon_shangchuan1
icon_其他_灰
#icon-icon_qita_hui2
icon_其他_白
#icon-icon_qita_bai2
icon_双箭头_白_收起
#icon-icon_shuangjiantou_bai_shouqi
icon_自定义_白
#icon-icon_zidingyi_bai2
icon_自定义_灰
#icon-icon_zidingyi_hui2
icon_api_白
#icon-icon_api_bai2
icon_双箭头_白_展开
#icon-icon_shuangjiantou_bai_zhankai
icon_saas_白
#icon-icon_saas_bai2
icon_saas_灰
#icon-icon_saas_hui2
icon_api_灰
#icon-icon_api_hui2
icon_1_复选框
#icon-icon_1_fuxuankuang
icon_4_服务
#icon-icon_4_fuwu
icon_4_其他
#icon-icon_4_qita
icon_监控-关
#icon-icon_jiankong-guan
Icon_日期
#icon-Icon_riqi1
icon_4_失败
#icon-icon_4_shibai
icon_管理_白
#icon-icon_guanli_bai2
icon_管理_蓝
#icon-icon_guanli_lan2
icon_筛选
#icon-icon_shaixuan1
icon_删除_白
#icon-icon_shanchu_bai1
icon_监控_开
#icon-icon_jiankong_kai
icon_4_运行
#icon-icon_4_yunhang
icon_删除_蓝
#icon-icon_shanchu_lan1
icon_双箭头展开
#icon-icon_shuangjiantouzhankai
icon_未选中
#icon-icon_weixuanzhong1
icon_新建_白
#icon-icon_xinjian_bai1
icon_选中
#icon-icon_xuanzhong2
icon_双箭头 收起
#icon-icon_shuangjiantoushouqi
Icon_搜索_未选中
#icon-Icon_sousuo_weixuanzhong
icon_搜索_选中
#icon-icon_sousuo_xuanzhong
Icon_down
#icon-Icon_down1
icon_暂无数据
#icon-icon_zanwushuju1
icon_设置
#icon-icon_shezhi1
icon_刷新
#icon-icon_shuaxin1
icon_新建-蓝
#icon-icon_xinjian-lan1
云001
#icon-yun001
服务器001
#icon-fuwuqi001
数据001
#icon-shuju001
新智云
#icon-xinzhiyun
icon_资源池
#icon-icon_ziyuanchi1
受控
#icon-shoukong1
icon_产品管理_选中
#icon-icon_chanpinguanli_xuanzhong1
文件备份 2
#icon-wenjianbeifen21
icon_操作_更多
#icon-icon_caozuo_gengduo1
icon_更多
#icon-icon_gengduo
icon_产品管理_未选中
#icon-icon_chanpinguanli_weixuanzhong1
icon_关闭_蓝
#icon-icon_guanbi_lan1
icon_服务管理_未选中
#icon-icon_fuwuguanli_weixuanzhong1
icon_关闭_白
#icon-icon_guanbi_bai1
icon_监控-未开启
#icon-icon_jiankong-weikaiqi1
icon_服务管理_选中
#icon-icon_fuwuguanli_xuanzhong1
icon_管理_白
#icon-icon_guanli_bai1
icon_默认_箭头
#icon-icon_moren_jiantou
icon_警告
#icon-icon_jinggao
icon_关闭
#icon-icon_guanbi
icon_筛选
#icon-icon_shaixuan
icon_其他_白
#icon-icon_qita_bai1
icon_上传
#icon-icon_shangchuan
icon_进行
#icon-icon_jinhang
Icon_日期
#icon-Icon_riqi
icon_管理_蓝
#icon-icon_guanli_lan1
icon_监控
#icon-icon_jiankong1
icon_上升
#icon-icon_shangsheng
icon_删除_白
#icon-icon_shanchu_bai
icon_刷新
#icon-icon_shuaxin
icon_设置
#icon-icon_shezhi
icon_其他_灰
#icon-icon_qita_hui1
icon_未进行
#icon-icon_weijinhang
icon_选中箭头
#icon-icon_xuanzhongjiantou
icon_完成
#icon-icon_wancheng
icon_收起_白
#icon-icon_shouqi_bai
icon_下降
#icon-icon_xiajiang
icon_选中
#icon-icon_xuanzhong1
icon_提示
#icon-icon_tishi
icon_新建_白
#icon-icon_xinjian_bai
icon_收起
#icon-icon_shouqi1
icon_删除_蓝
#icon-icon_shanchu_lan
icon_新建-蓝
#icon-icon_xinjian-lan
icon_状态
#icon-icon_zhuangtai
icon_saas_灰
#icon-icon_saas_hui1
Icon_arrow
#icon-Icon_arrow
icon_自定义_白
#icon-icon_zidingyi_bai1
icon_自定义_灰
#icon-icon_zidingyi_hui1
Icon_Search
#icon-Icon_Search
icon_展开
#icon-icon_zhankai1
icon_未选中
#icon-icon_weixuanzhong
icon_BG_数据
#icon-icon_BG_shuju
icon_BG_数据_选中
#icon-icon_BG_shuju_xuanzhong
Icon_down
#icon-Icon_down
icon_暂无数据
#icon-icon_zanwushuju
icon_saas_白
#icon-icon_saas_bai1
icon_api_白
#icon-icon_api_bai1
icon_api_灰
#icon-icon_api_hui1
icon_关闭_蓝
#icon-icon_guanbi_lan
icon_操作_更多
#icon-icon_caozuo_gengduo
icon_关闭_白
#icon-icon_guanbi_bai
icon_监控-未开启
#icon-icon_jiankong-weikaiqi
icon_产品管理_未选中
#icon-icon_chanpinguanli_weixuanzhong
icon_监控
#icon-icon_jiankong
icon_服务管理_选中
#icon-icon_fuwuguanli_xuanzhong
icon_管理_白
#icon-icon_guanli_bai
icon_产品管理_选中
#icon-icon_chanpinguanli_xuanzhong
icon_服务管理_未选中
#icon-icon_fuwuguanli_weixuanzhong
icon_管理_蓝
#icon-icon_guanli_lan
文件备份 2
#icon-wenjianbeifen2
取消
#icon-quxiao
成功
#icon-chenggong1
开启
#icon-kaiqi
关闭
#icon-guanbi
icon_自定义_白
#icon-icon_zidingyi_bai
icon_自定义_灰
#icon-icon_zidingyi_hui
icon_其他_灰
#icon-icon_qita_hui
icon_其他_白
#icon-icon_qita_bai
icon_api_灰
#icon-icon_api_hui
icon_api_白
#icon-icon_api_bai
icon_saas_白
#icon-icon_saas_bai
icon_saas_灰
#icon-icon_saas_hui
受控
#icon-shoukong
MPI
#icon-MPI
icon_收起
#icon-icon_shouqi
icon_展开_未选中
#icon-icon_zhankai_weixuanzhong
icon_展开
#icon-icon_zhankai
icon_展开_选中
#icon-icon_zhankai_xuanzhong
icon_选中
#icon-icon_xuanzhong
企业名称02
#icon-qiyemingcheng02
icon_掉线
#icon-icon_diaoxian
icon_参与方
#icon-icon_canyufang
icon_发起方
#icon-icon_faqifang
icon_证书
#icon-icon_zhengshu
企业名称
#icon-qiyemingcheng
云
#icon-yun
新智云
#icon-xinzhiyun1
icon_互信
#icon-icon_huxin
icon_数据库
#icon-icon_shujuku
icon_服务器
#icon-icon_fuwuqi
icon_资源池
#icon-icon_ziyuanchi
文件
#icon-wenjian1
饼图
#icon-bingtu
@2x只读
#icon-col_2xzhidu
@2x可读写
#icon-col_2xkeduxie
@2x私有
#icon-col_2xsiyou
@2x文件夹
#icon-col_2xwenjianjia
@2x文档
#icon-col_2xwendang
@2x图片
#icon-col_2xtupian
@2x列表视图
#icon-2xliebiaoshitu
@2x文件视图
#icon-2xwenjianshitu
@2x返回上级
#icon-2xfanhuishangji
@2x上传文件
#icon-2xshangchuanwenjian
@2x新建文件夹
#icon-2xxinjianwenjianjia
@2x私有小标
#icon-2xsiyouxiaobiao
@2x只读小标
#icon-2xzhiduxiaobiao
@2x编辑
#icon-2xbianji
@2x复制
#icon-2xfuzhi
@2x读写小标
#icon-2xduxiexiaobiao
短信
#icon-duanxin
硬盘
#icon-yingpan
网络
#icon-wangluo
云主机
#icon-yunzhuji1
负载均衡
#icon-fuzaijunheng2
账号安全
#icon-zhanghaoanquan1
数字服务
#icon-shuzifuwu
数据
#icon-shuju
数字价值
#icon-shuzijiazhi
数字交流
#icon-shuzijiaoliu
数字主权
#icon-shuzizhuquan
网络
#icon-wangluo11
智能
#icon-zhineng
物联
#icon-wulian
客服
#icon-kefu2
扩容
#icon-col_kuorong
业务系统
#icon-col_system
安全防护
#icon-col_safe
容灾
#icon-col_rongzai
容灾架构适配难
#icon-col_jiagou
优质服务
#icon-col_service
容灾成本高
#icon-col_cost
容灾管理难
#icon-col_rongzainan
优异的兼容性
#icon-col_compatible
全栈容灾技术
#icon-col_disasterRecovery
扩容周期长
#icon-col_longPeriod
业务迁移
#icon-col_move
安全教育
#icon-col_education
web安全渗透测试
#icon-col_webSafeTest
运营方案
#icon-col_operationPlan
需求解决方案
#icon-col_solution
物联网
#icon-col_iot
API文档
#icon-col_api
云中灾备
#icon-col_disaster
服务市场 (3)
#icon-col_sevice2
云安全
#icon-col_cloudSafe
建站市场
#icon-col_stationCconstruction
应用市场
#icon-col_application
基础软件市场
#icon-col_software
多轮对话
#icon-col_chat
FAQ
#icon-col_FAQ
节约成本
#icon-col_costSaving
经验丰富
#icon-col_experience
专业团队
#icon-col_team
短信服务
#icon-col_message
通知服务
#icon-col_notice
三网合一
#icon-col_triplePlay
多种均衡方式
#icon-col_loadbalance
健康检查
#icon-col_health
安全防护
#icon-col_safeProtect
Wi-Fi防护
#icon-col_WiFi
多协议支持
#icon-col_duoxieyi
超高性能
#icon-col_performance
混合云架构
#icon-col_cloud
vpc 专有网络VPC
#icon-col_vpc
访问权限控制
#icon-col_Authority
公网出入口管理
#icon-col_PublicNetwork
隔离与自定义
#icon-col_custom
漏洞扫描
#icon-col_scanning
弱密码扫描
#icon-col_passwordScanning
主机漏洞扫描
#icon-col_hostScanning
web漏洞检测
#icon-col_webScanning
报告全面
#icon-col_report
简单易用
#icon-col_simple
高效精准
#icon-col_Efficient
扫描
#icon-col_scanning2
安全-23
#icon-col_safe3
测试
#icon-col_test
云数据
#icon-col_data
服务_o
#icon-col_service3
产品配置
#icon-col_proSetting
金钱
#icon-col_money
数据迁移
#icon-col_dataMove
86-恢复备份
#icon-col_backup
oss对象存储
#icon-col_ObjectStorage
弹性伸缩
#icon-col_elastic
二级-应用事件
#icon-col_event2
监控
#icon-col_monitor
监控
#icon-col_homeMonitor
即开即用
#icon-col_jikaijiyong
性能
#icon-col_performance2
实时
#icon-col_time
23 monitor stats
#icon-col_monitorstats
严重告警
#icon-col_SeriousWarning
方便
#icon-col_convenient
安全
#icon-col_safe4-copy
场景灵活
#icon-col_flexible2
箭头 下 down
#icon-pro_arrowDown
负载均衡
#icon-col_loadbalance2
伸缩
#icon-col_stretch
监控
#icon-col_monitor2
镜像
#icon-col_image
网络访问
#icon-col_internet
管理平台
#icon-col_platform
存储能力
#icon-col_storage2
安全防护
#icon-col_protect
实例类型
#icon-col_type
订单
#icon-col_order
客户
#icon-col_customer
云计算
#icon-col_cloudComputing
#icon-pro_pdf
分享
#icon-pro_share
搜索
#icon-pro_search
新手指引
#icon-col_guide
视频
#icon-col_video
开发者中心
#icon-col_dev
实践
#icon-col_practice
扩展
#icon-col_extend-copy
方便
#icon-col_convenient2
安全
#icon-col_safe5
灵活
#icon-col_flexible
线下资源
#icon-col_online
线上资源
#icon-col_offline
下降
#icon-col_dwon
便签
#icon-col_label
删除
#icon-col_delete
新增
#icon-col_add
备份
#icon-beifen1
软件
#icon-ruanjian
备份
#icon-beifen2
作业
#icon-zuoye
撤回
#icon-chehui
皮肤
#icon-pifu
客服
#icon-kefu1
帮 助
#icon-bangzhu1
用户
#icon-yonghu
账号
#icon-zhanghao
仪表盘
#icon-yibiaopan2
市场活动
#icon-shichanghuodong
笔
#icon-bi
订阅
#icon-dingyue
企业账户
#icon-qiyezhanghu
权限
#icon-quanxian
消费
#icon-xiaofeijilu
企业-组织管理
#icon-qiye-zuzhiguanli
企业
#icon-qiye
筛 选
#icon-shaixuan1
home
#icon-shouye
消 息
#icon-xiaoxi21-copy
危险
#icon-iconset0211
危险
#icon-weixian
药丸
#icon-yaowan
听诊器
#icon-tingzhenqi
心
#icon-health
自定义数据
#icon-zidingyishuju
健康
#icon-jiankang
自定义区域
#icon-zidingyiquyu
喇叭
#icon-notice1
喇叭
#icon-notice2
容量
#icon-rongliang
安全等级
#icon-dengji2
会员等级
#icon-dengji
工程信息_组织架构_jurassic
#icon-engineer
down
#icon-down1
up
#icon-up1
API文档
#icon-api
物联网
#icon-wulianwang
服务
#icon-fuwu
服务
#icon-fuwu1
服务_o
#icon-fuwu_o
我的日程
#icon-calendar1
资产
#icon-ssets
印章
#icon-aseal
日历 日期
#icon-calendar2
客服
#icon-kefu
数据上云
#icon-shujushangyun
微服务
#icon-weifuwu
云网络
#icon-yunwangluo
智能语音交互
#icon-zhinengyuyinjiaohu
云安全
#icon-yunanquan
云存储
#icon-yuncunchu
云监控
#icon-yunjiankong
短信服务
#icon-duanxinfuwu
容灾上云
#icon-rongzaishangyun
云计算
#icon-yunjisuan1
业务迁移
#icon-yewuqianyi
应用
#icon-yingyong1
云中灾备
#icon-yunzhongzaibei
精选产品库
#icon-home-me1
智能语音交互
#icon-home-me4
产品配置
#icon-chanpinpeizhi
客服
#icon-home-me2
云上传
#icon-home-Solution4
云缓存
#icon-yunhuancun
云搜索
#icon-yunsousuo
云数据
#icon-yunshuju
云存储 大数据
#icon-home-Solution1
云存储 云服务
#icon-home-Solution3
云计算 云服务
#icon-wulianwang-2
云容灾 InCDR
#icon-home-Solution2
安全-23
#icon-home-safe
云网络
#icon-suyaniconchanpinleibufenzuodaohangbufen85-copy
网络
#icon-home-net
短信
#icon-home-message
移动硬盘
#icon-home-disk1
监控
#icon-jiankong1
云计算-28
#icon-home-yunjisuan
云存储
#icon-home-disk
监控
#icon-home-monitor
团队
#icon-tuandui
web漏洞检测
#icon-webloudongjiance
测试
#icon-ceshi
防护方案
#icon-fanghufangan
扫描
#icon-yunliankeji_gongyinglianfuben
扫描
#icon-weibiaoti--
方案管理
#icon-fanganguanli-
审核通过
#icon-shenhetongguo
撤销
#icon-chexiao1
勾
#icon-confirm
撤回色块
#icon-chexiao
放大
#icon-fangda
缩小
#icon-unie039
导出
#icon-daochu1
导出图片
#icon-export-img
性能
#icon-xingneng
编辑
#icon-bianjiedit26
策略2
#icon-policy
操作访问策略维护
#icon-caozuofangwencelveweihu
授权策略
#icon-shouquancelve
访问策略
#icon-fangwencelve
物理图_防火墙
#icon-wulitu_fanghuoqiang
物理图_核心交换机
#icon-wulitu_hexinjiaohuanji
物理图_服务实例
#icon-wulitu_fuwushili
物理图_服务
#icon-wulitu_fuwu
物理图_负载均衡器
#icon-wulitu_fuzaijunhengqi
物理图_接入交换机
#icon-wulitu_jierujiaohuanji
物理图_数据服务器
#icon-wulitu_shujufuwuqi
物理图_应用服务器
#icon-wulitu_yingyongfuwuqi
物理图_Oracle
#icon-wulitu_Oracle
物理图_Redis-Session
#icon-wulitu_Redis-Session
物理图_Redis
#icon-wulitu_Redis
物理图_Mysql
#icon-wulitu_Mysql
物理图_RabbitMQ
#icon-wulitu_RabbitMQ
物理图_路由器
#icon-wulitu_luyouqi
物理图_计算机
#icon-wulitu_jisuanji
物理图_集线器
#icon-wulitu_jixianqi
物理图_硬盘
#icon-wulitu_yingpan
物理图_数据库
#icon-wulitu_shujuku
物理图_中间件实例
#icon-wulitu_zhongjianjianshili
物理图_主机
#icon-wulitu_zhuji
灯泡
#icon-dengpao
灯泡
#icon-dengpao-tianchong
统计
#icon-tongji
云硬盘ico
#icon-yunyingpanico
严重告警
#icon-yanzhonggaojing
二级-告警管理
#icon-erji-gaojingguanli
绿洲_cpu
#icon-lvzhou_cpu
史次职检结果及处理
#icon-shicizhijianjieguojichuli
内存
#icon-Rectanglex
活动告警
#icon-huodonggaojing
告警
#icon-gaojing
移动硬盘
#icon-yidongyingpan
发布
#icon-fabu
vpc 专有网络VPC
#icon-vpczhuanyouwangluo
一键购买
#icon-yijiangoumai
篮子,在线,购物,购买,购物车,销售电子商务,线性,扁平,填充,单色,简约,圆润
#icon-03
购买
#icon-goumai
数据迁移
#icon-shujuqianyi
二级-完成迁移
#icon-wanchengqianyi
二级-不迁移应用
#icon-buqianyiyingyong
二级-待办迁移
#icon-daibanqianyi
快照备份与恢复
#icon-kuaizhaobeifenyuhuifu
86-恢复备份
#icon-huifubeifen
平台管理
#icon-pingtaiguanli
安全
#icon-anquan
拓展
#icon-tuozhan
方便
#icon-icon5
场景灵活
#icon-duoqudaojicheng
箭头-拖动
#icon-jiantou-tuodong
arrow-left
#icon-arrowleft
forward
#icon-forward
angle-double-left
#icon-angledoubleleft
angle-double-right
#icon-angledoubleright
play-circle
#icon-playcircle
right
#icon-right
left
#icon-left
caret-down
#icon-caretdown
caret-left
#icon-caretleft
caret-right
#icon-caretright
caret-up
#icon-caretup
backward
#icon-backward
arrow-up
#icon-arrow-up2
down
#icon-down
enter
#icon-enter
rollback
#icon-rollback
shrink
#icon-shrink
up-square-o
#icon-up-square-o
up
#icon-up
log-in
#icon-log-in
log-out
#icon-log-out
play-circle-o
#icon-play-circle-o
down-circle
#icon-down-circle
down-square-o
#icon-down-square-o
left-square-o
#icon-left-square-o
left-square
#icon-left-square
right-square-o
#icon-right-square-o
up-circle
#icon-up-circle
up-circle-o
#icon-up-circle-o
up-square
#icon-up-square
step-forward
#icon-step-forward
fast-forward
#icon-fast-forward
verticle-left
#icon-verticle-left
arrows-alt
#icon-arrowsalt
arrow-right
#icon-arrowright
arrow-down
#icon-arrowdown
down-circle-o
#icon-down-circle-o
down-square
#icon-down-square
fast-backward
#icon-fast-backward
left-circle
#icon-left-circle
menu-unfold
#icon-menu-unfold
menu-fold
#icon-menu-fold
retweet
#icon-retweet
right-square
#icon-right-square
right-circle
#icon-right-circle
step-backward
#icon-step-backward
swap-left
#icon-swap-left
swap-right
#icon-swap-right
verticle-right
#icon-verticle-right
left-circle
#icon-left-circle1
swap
#icon-swap
right-circle
#icon-right-circle1
html
#icon-html
上架
#icon-shangjia
下架
#icon-xiajia
上架
#icon-shangjia1
关闭1
#icon-guanbi1
加号
#icon-jiahao
加号1
#icon-jiahao1
加号2-fill
#icon-jiahao2fill
提示-fill
#icon-tishifill
提示
#icon-tishi
圆形选中
#icon-yuanxingxuanzhong
密码
#icon-password
运维管理
#icon-yunweiguanli
更多
#icon-gengduo
帮助
#icon-bangzhu
开关
#icon-kaiguan
筛选
#icon-shaixuan
删除
#icon-shanchu
收起菜单
#icon-shouqicaidan
提醒
#icon-tixing
展开菜单
#icon-zhankaicaidan
菜单
#icon-caidan
温度增加
#icon-wenduzengjia
网络系统
#icon-wangluoxitong
网络
#icon-wangluo1
温度
#icon-wendu
电源
#icon-dianyuan
温度降低
#icon-wendujiangdi
内存
#icon-neicun
网络接口
#icon-wangluojiekou
结构设计
#icon-jiegousheji
导出
#icon-daochu
表格
#icon-biaoge
创建实例
#icon-chuangjianshili
查看
#icon-chakan
任务
#icon-renwu
链接
#icon-lianjie
申请权限
#icon-shenqingquanxian
刷新
#icon-shuaxin
数据导出-01
#icon-shujudaochu-01
系统状态
#icon-xitongzhuangtai
数据变更
#icon-shujubiangeng
SQL审核
#icon-SQLshenhe
网络品牌树
#icon-wangluopinpaishu
仪表盘
#icon-icon
仪表板
#icon-ic_dashboard_px
播视web_播放
#icon-boshiweb_bofang
新建仪表板
#icon-xinjianyibiaoban
仪表盘
#icon-yibiaopan
管理仪表
#icon-guanliyibiao
play-circle
#icon-play-circle
view-stats
#icon-view-stats
web__下拉
#icon-web__xiala
22 stats
#icon-stats
23 monitor stats
#icon-monitorstats
销售仪表盘
#icon-icon-test
数据统计
#icon-icon-test1
部门管理
#icon-bumenguanli
实时
#icon-shishi
实时报表
#icon-shishibaobiao
报表统计
#icon-baobiaotongji
借款状态
#icon-jiekuanzhuangtai
预算组合类型
#icon-yusuanzuheleixing
销售动态
#icon-xiaoshoudongtai
销售报表
#icon-xiaoshoubaobiao
项目对账单
#icon-xiangmuduizhangdan
日报统计
#icon-ribaotongji
薪资管理
#icon-xinziguanli
详细
#icon-xiangxi
icon-bang
#icon-icon-bang
icon-id card
#icon-icon-idcard
icon-info
#icon-icon-info
icon-money
#icon-icon-money
icon-Search
#icon-icon-Search
仪表盘
#icon--
分享给我的仪表板
#icon-fenxianggeiwodeyibiaoban
指标配置
#icon-zhibiaopeizhi
部门管理
#icon-bumenguanli1
activity_fill
#icon-activity_fill
add
#icon-add
addition_fill
#icon-addition_fill
addition
#icon-addition
仪表管理
#icon-yibiaoguanli
系统管理-01
#icon-xitongguanli
仪表盘
#icon-yibiaopan1
服务器
#icon-fuwuqi1
服务器
#icon-fuwuqi11
服务器
#icon-fuwuqi2
设备管理
#icon-shebeiguanli
Group 10
#icon-Group
unfold
#icon-unfold
dot
#icon-dot
关机
#icon-shutdown
rect
#icon-rect
cn-负载均衡
#icon-cnfuzaijunheng
云硬盘
#icon-driver
edit
#icon-edit
关系型数据库 RDS
#icon-5
应用管理
#icon-yingyongguanli
refresh
#icon-refresh
虚拟网卡
#icon-xuniwangqia81
tag
#icon-tag
警告
#icon-warning-circle
盾
#icon-shield
删除
#icon-shanchu1
系统角色管理
#icon-user
验证码
#icon-yanzhengma
客服
#icon-ask
money
#icon-money1
edit
#icon-edit1
播放
#icon-start
ring
#icon-ring
对
#icon-dui
告警信息
#icon-gaojingxinxi
mongodb
#icon-mongodb
nas
#icon-nas
验证码
#icon-yanzhengma1
通用画像分析
#icon-chart
手机
#icon-shouji
应用
#icon-yingyong
设置
#icon-setup
我的模板
#icon-template
事件
#icon-event
缓存
#icon-huancun
视频类-适应屏幕
#icon-screen
导出
#icon-export
icon-arrow-left
#icon-arrow-left
icon-arrow-right
#icon-arrow-right
icon-arrow-down
#icon-arrow-down
icon-arrow-up
#icon-arrow-up
icon-close
#icon-close
id card
#icon-idcard
资源管理
#icon-resource
备份
#icon-beifen
sls日志服务
#icon-log
ecs云服务器
#icon-ecsyunfuwuqi
系统设置
#icon-setting
云主机
#icon-yunzhuji
专有网络 VPC
#icon-zhuanyouwangluoVPC
history
#icon-header-history
用户等级统计-Y
#icon-yonghudengjitongji-Y
镜像
#icon-jingxiang
Virtual SAN
#icon-VirtualSAN
公网IP
#icon-gongwangIP
云硬盘
#icon-yunyingpan1
二级-应用事件
#icon-erji-yingyongshijian
rds 云数据库SQL Server 版
#icon-rdsyunshujukuSQLServerban
成本
#icon-chengben
AK-IM_验证码
#icon-im_yanzhengma
云服务器
#icon-msnui-server-cloud
合同
#icon-hetong
linux
#icon-linux
安全防护
#icon-anquanfanghu
TOMCAT
#icon-tomcat
失败
#icon-unie046
成功
#icon-chenggong
修改密码
#icon-xiugaimima
应用
#icon-52
Nginx
#icon-nginx
数据
#icon-iconset0357
弹性伸缩
#icon-tanxingshensuo
RDS
#icon-rds
金融
#icon-16
计算
#icon-icon1
密码
#icon-mima
arrow-down
#icon-arrow-down1
arrow-up
#icon-arrow-up1
充值中心
#icon-chongzhizhongxin
资源库
#icon-ziyuanku
apache
#icon-apache
arrow
#icon-arrow
远程托管
#icon-weibiaoti509
clock
#icon-clock
服务mb
#icon-fuwutubiao
证书
#icon-zhengshu
数据
#icon-data
视频
#icon-shipin
项目00
#icon-xiangmu00
定位
#icon-dingwei
游戏
#icon-youxi
渠道
#icon-channel
问题
#icon-wenti
监控
#icon-jiankong
37-服务
#icon-fuwu2
227注册、添加好友
#icon-zhucetianjiahaoyou
列表导航_游戏
#icon-liebiaodaohang_youxi
MySQL
#icon-mysql
政务
#icon-zhengwu
产品管理
#icon-chanpinguanli
云数据库 redis
#icon-NoSQLshujukuredis
slb负载均衡
#icon-slbfuzaijunheng
iot物联网
#icon-iotwulianwang
移动应用
#icon-yidongyingyong
oss对象存储
#icon-ossduixiangcunchu
金钱
#icon-jinqian
常见问题
#icon-changjianwenti
二级-政务云
#icon-erji-zhengwuyun
项目符号
#icon-icon--
云计算
#icon-yunjisuan
区块链
#icon-qukuailian
数据分析
#icon-shujufenxi
人工智能
#icon-rengongzhineng
协同文档
#icon-xietongwendang
user
#icon-user1
大数据支持
#icon-kujialeqiyezhan_dashujuzhichi-
严重警告
#icon-bang2
短信发送日志
#icon-duanxinfasongrizhi
存储设备
#icon-cunchushebei
消息,电子邮件,发送,邮件,信,包,信封,线性,扁平,填充,单色,简约,圆润
#icon-14
电脑
#icon-diannao
服务器
#icon-fuwuqi
Symbol 引用
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:
支持多色图标了,不再受单色限制。
通过一些技巧,支持像字体那样,通过 font-size, color 来调整样式。
兼容性较差,支持 IE9+,及现代浏览器。
浏览器渲染 SVG 的性能一般,还不如 png。
使用步骤如下:
第一步:引入项目下面生成的 symbol 代码:
第二步:加入通用 CSS 代码(引入一次就行):
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
第三步:挑选相应图标并获取类名,应用于页面:
图片设计素材大全 - 高清图片素材下载 - 觅知网
图片设计素材大全 - 高清图片素材下载 - 觅知网
照片
设计
视频
音乐
字体
PPT
字体
PPT
Excel 模板
Word 文档
手抄报
在线设计
在线设计
智能抠图
企业服务
分类
设计
照片
视频
音乐
字体
PPT
Excel 模板
Word 文档
手抄报
设计
全部
设计
照片
视频
音乐
字体
PPT
Excel模板
Word文档
手抄报
企业用户
个人用户
设计VIP
立即开通
设计模板
插画
元素
字体下载
背景
艺术字
办公VIP
立即开通
EXCEL
PPT
小报
文档下载
登录 / 注册
懂美学 更懂设计需求的平台
专属设计空间,承载创意之美
设计
设计
照片
视频
音乐
字体
PPT
Excel模板
Word文档
手抄报
315
春天
海报
文化墙
招聘
邀请函
红色背景
年会
在线设计快速出图
消费者权益日
在线设计
春天
营销日历
315消费者权益日
3月15日
1天后
畅想春天
4月30日
47天后
春分
3月20日
6天后
愚人节
4月1日
18天后
清明节
4月4日
21天后
地球一小时
3月30日
16天后
谷雨
4月19日
36天后
简约315海报
红色金色315
315促销
315宣传海报
315展板
315宣传栏
春季招聘
简历封面
培训招生
春季消防安全
约惠春天
春季健康宣传
简约春分海报
插画春分海报
中国风春分海报
创意春分海报
春天插画
春天踏青
4月你好
愚人节海报
愚人节促销
愚人节活动
愚人节展板
愚人节插画
清明节海报
清明节放假通知
文明祭祀
清明节促销
清明踏青
清明插画
地球一小时海报
节约用电宣传
低碳环保
低碳节能宣传栏
节约用电展板
低碳节能文化墙
简约谷雨海报
插画谷雨海报
创意谷雨海报
实拍摄影谷雨海报
谷雨插画
谷雨艺术字
热点推荐
新图速递
约会春天
潮流风格
在线设计·快速改图
中式美学
美食之旅
企业宣传
教育培训
315消费者权益日
文化墙
电脑分区壁纸
春季招聘
春天创意插画
3月新风格
长图海报
春天你好
春季宣传栏
培训招生宣传
春季促销
春天插画
春季招聘
春天活动宣传
微软风
剪纸风
美拉德配色
3月新风格
3D立体
新中式
线描摄影风
春分海报
公众号首图
315消费日
招聘海报
促销营销海报
知识科普
电商主图
长图海报
经典中式
水墨古韵
百搭纹理
细致手绘
国潮风
创意剪纸
烫金艺术
饮品宣传海报
美食宣传展板
美食优惠券
美食烧烤宣传
餐厅菜单
美食直播
美食促销
颁奖典礼
企业年会
企业宣传画册
军令状
企业文化墙
励志海报
企业介绍展架
舞蹈招生
轮滑
培训插画
招生海报
美术招生
考研
技能培训
职业技能
热门下载
设计模板
插画
元素
展板
文化墙
背景
美陈门头
设计模板
插画
元素
展板
文化墙
背景
美陈门头
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
立即下载
关于我们
关于我们
精品专题
网站地图
政策声明
版权声明
注册协议
隐私政策
联系我们
客服QQ:3007321704
3007319850
客服邮箱:service@51miz.com
投诉反馈:tousu@51miz.com
商务合作:mizmizmi@163.com
企业VIP咨询
在线客服
扫码添加企业客户经理
更多精彩
Copyright © 2016-2023 觅知网 ·
沪ICP备16055192号-1
·网络文化经营许可证:沪网文【2023】0027-002号 ·
广播电视节目制作经营许可证:(沪)字第05307号
沪公网安备 31011502009177号
微信扫码关注
免费领取热门素材大礼包
签到
签到领会员
赚钱
成为签约设计师
种草
觅知网“种草官”开始招募啦!!!
客服
个人客服
工作日:9:00-22:30
周末:14:00-22:30
立即咨询
企业客服
工作日:9:00-18:00
立即咨询
企业客户经理
扫码获取报价与活动
企业微信 放心添加
需求
填写您的需求
热门海报
热门展板
热门模板
模板推荐
海报
妇女节海报
招聘海报
植树节海报
女神节海报
二月二龙抬头海报
38女神节海报
龙抬头海报
三八妇女节海报
38妇女节海报
春分海报
38节海报
三八节海报
春天海报
三八女神节海报
海报模板
红色海报
315海报
活动海报
绿色海报
科技海报
党建海报
招聘海报模板
招生海报
春季海报
惊蛰海报
美容海报
促销海报
清明节海报
学雷锋海报
人物海报
雷锋海报
产品海报
蓝色海报
茶海报
旅游海报
中医海报
315消费者权益日海报
消防安全宣传海报
38海报
生日海报
美食海报
舞蹈海报
奶茶海报
健身海报
企业文化海报
运动海报
儿童海报
篮球海报
水果海报
展板
党建展板
蓝色展板
妇女节展板
全国两会展板
科技展板
红色展板
企业展板
学校展板
女神节展板
幼儿园展板
两会展板
企业文化展板
春天展板
绿色展板
宣传展板
文明展板
春季展板
校园展板
三八妇女节展板
会议展板
党政展板
企业宣传展板
民族团结展板
医院展板
雷锋展板
中国风展板
古风展板
制度展板
生日展板
植树节展板
三八展板
环保展板
医疗展板
年会展板
少先队展板
背景展板
商务展板
安全展板
电力展板
安全生产宣传展板
龙虎榜展板
部队展板
卡通展板
安全生产展板
毕业设计展板
简约展板
灰色展板
安全生产月宣传展板
建筑施工安全展板
邀请函
名片
课程表
封面
主图
文化墙
画册
喜报
电商主图
名片模板
宣传册
logo
党建文化墙
淘宝主图
手举牌
离职证明
公章psd
菜单
企业文化墙
产品合格证
证书
红包
代金券
黑板
贺卡
合格证
温馨提示
礼盒
易拉宝
实习证明
奖牌
荣誉证书
制度
折页
作文集
psd
菜单模板
盾牌
画册封面
企业画册
工作证
三折页
标题栏
详情页
爆炸贴
生日贺卡
课程表模板
贴纸
优惠券
党建封面
科比篮球
马拉松完赛证书
华为手机
专属
古诗两首
科技电脑
果汁奶茶
文化墙党建
庆典宣传
彩墨风
基层党支部建设
庆寿
兔年微信红包封面
老人
旺铺招商
手机屏
家庭消防知识
2022日历
采茶女
党员管理
学校道德文化
创意拱门
节水标语
简约大气画册
卡通公告栏
科技科普
条框
邀请函平面
小学生读书分享
两会部队
夏上新
摄影招聘
名片绿
领航
婚纱字体
警示标语
读书分享会
房地产高端大气
快速公交
皮肤管理价目表
汽车方向盘
百日宴卡通
主题大会
吃的苹果