tp钱包正版最新下载|iconfront

作者: tp钱包正版最新下载
2024-03-14 13:08:37

图片设计素材大全 - 高清图片素材下载 - 觅知网

图片设计素材大全 - 高清图片素材下载 - 觅知网

照片

设计

视频

音乐

字体

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关注问题​写回答​邀请回答​好问题 1​1 条评论​分享​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​赞同 146​​27 条评论​分享​收藏​喜欢收起​知乎用户自从有了阿里巴巴字体图标库 设计小伙儿都变懒了发布于 2016-06-28 14:07​赞同 49​​3 条评论​分享​收藏​喜欢

阿里妈妈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. 在需要使用字体图标的地方,使用``或其他合适的组件,并设置`class`属性为图标对应的类名。例如:

```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.css3.使用图标,在标签内的class通过"iconfont icon-"添加下载好的图标即可或通过官方uni-icons 引入自定义图标

总结 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 文件中使用现在应该可以在开发者工具中看到你想要的图标了。解决了基本的使用问题之后,我们发现,由于小程序组件内部有独立的类作用域,因此在 app.wxss 中引入的 .iconfont 和 .icon-plus 并不能在自定义组件内生效,所以你需要在所有需要用到 Iconfont 的组件内,分别引入 iconfont.wxss。组件化如果你看过我之前的文章,应该知道我对冗余代码深恶痛绝。自定义组件就是解决重复引入的手段。定义一个 iconfont 组件iconfont.wxss引入下载好的 Iconfont 样式表@import "/iconfont.wxss"iconfont.js声明组件参数Component({

properties: {

icon: String,

},

})

iconfont.wxml外部调用page.json引用组件{

"usingComponents": {

"iconfont": "path/to/iconfont"

}

}page.wxml后记现在你已经有了一个强大的组件,应付 Iconfont 上的任何项目应该都不在话下。但现在,你不能在外部控制 iconfont 组件的字体大小,下一篇文章我们会讨论这个话题,在这之前,你可以使用 minapp-iconfont 获得完整的特性。关注我,不仅仅是小程序。发布于 2019-01-23 12:47微信小程序Icon Font​赞同 10​​5 条评论​分享​喜欢​收藏​申请转载​文章被以下专栏收录前

除了阿里的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 属性以匹配要显示的图标,如下所示:你可以从他们的官方网站上阅读有关基本用法的更多信息。Demo:https://ionicons.com/Github:https://github.com/ionic-team/ioniconsCSS.gg如果你是Reddit开发人员社区的活跃成员,也许你会注意到一个新的图标库已发布,该库仅使用CSS进行样式设置。目前,它具有基于提醒,箭头,代码,设计等类别的704个独立图标。关于使用CSS还是SVG在性能上更好,曾有过一些争论,但库的创建者@astritmalsija后来发布了SVG、SVG Sprite、Figma和Adobe XD格式的第2版,以提供更广泛的实现。开始使用CSS.gg就像运行 npm -i css.gg 命令一样容易,并且稍后在head标记中包含以下样式表:当然,还有CDN替代方案,例如使用UNPKG或JSDelivr,如下所示:

可以从仓库的正式入门指南中了解有关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​赞同 20​​2 条评论​分享​喜欢​收藏​申请转载​文章被以下专栏收录前端全栈开发者公众号《前端全栈开发者

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

负载均衡

伸缩

监控

镜像

网络访问

管理平台

存储能力

安全防护

实例类型

订单

客户

云计算

pdf

分享

搜索

新手指引

视频

开发者中心

实践

扩展

方便

安全

灵活

线下资源

线上资源

下降

便签

删除

新增

备份

软件

备份

作业

撤回

皮肤

客服

帮 助

用户

账号

仪表盘

市场活动

订阅

企业账户

权限

消费

企业-组织管理

企业

筛 选

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

pdf

.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

pdf

#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 代码(引入一次就行):

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

图片设计素材大全 - 高清图片素材下载 - 觅知网

图片设计素材大全 - 高清图片素材下载 - 觅知网

照片

设计

视频

音乐

字体

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日历

采茶女

党员管理

学校道德文化

创意拱门

节水标语

简约大气画册

卡通公告栏

科技科普

条框

邀请函平面

小学生读书分享

两会部队

夏上新

摄影招聘

名片绿

领航

婚纱字体

警示标语

读书分享会

房地产高端大气

快速公交

皮肤管理价目表

汽车方向盘

百日宴卡通

主题大会

吃的苹果