最全矢量图标库
阿里巴巴矢量图标库的使用
阿里巴巴矢量图标库的使用各位读友大家好，此文档由网络收集而来，欢迎您下载，谢谢阿里巴巴矢量图标库的使用阿里巴巴矢量图标库的使用一、引用线上图标库1.登录阿里巴巴矢量图标库，鼠标悬停在需要的图标，点击收藏入库，点击下载到本地或添加到项目搜索你需要的图标并加入购物车选好之后选择储存为新项目生成在线链接，并复制到css中即可使用。
注意：在本地调试的时候，url(//)里双斜杠之前记得加上https:，像这样url(https://..)，不然会用file协议访问链接就找不到。
二. 范例：1.线上123 矢量图456 // 引用线上的图标库8 @font-face {9 font-family: ‘iconfont’; /* project id 238765 */10 src: url(‘///t/font_’);11 src: url(‘///t/font_?#iefix’) format(‘embedded-opentype’),12 url(‘///t/font_’) format(‘woff’),13 url(‘///t/font_’) format(‘truetype’),14 url(‘///t/font_#iconfont’) format(‘svg’);15 }161718 //图标样式19 .iconfont {20 font-family:”iconfont” !i mportant;21 font-size:16px;22 font-style:normal;23 -webkit-font-smoothing: antialiased;24 -moz-osx-font-smoothing: grayscale;25 }262282930313233342.本地1 @font-face {2 font-family: Iconfont; //自定义命名3 src: url(‘‘), //这个路径为本地的相对路径，4 url(‘‘),5 url(‘‘),6 url(‘‘);}8 .myiconfont {9 font-family:”Iconfont” !important; //名字一致10 font-size:50px;11 font-style:normal;12 color:#ccc;13 -webkit-font-smoothing: antialiased;14 -moz-osx-font-smoothing: grayscale;15 }161181920212223三、新版Iconfont-阿里巴巴矢量图标库支持三种引用方式：引用unicode是字体在网页端最原始的应用方式，特点是：兼容性最好，支持ie6+，及所有现代浏览器。
最全PPT图标大全 (2)
Inkscape
开源的矢量图形设计软件，支持多种 格式导入和导出，适合设计师和开发 人员使用。
PART 05
PPT图标使用技巧
REPORTING
图标的颜色搭配
颜色搭配是图标呈现的 关键，选择合适的颜色 组合能够增强图标的视
觉效果。
01
对比度适中：选择对比 度适中的颜色，使图标
在PPT中更加突出。
03
冷暖色搭配：通过冷暖 色的对比，增强图标的 层次感和视觉冲击力。
05
遵循品牌调性：根据品
•·
02
04 牌或主题的颜色调性，
选择相应的颜色搭配，
保持统一性。
图标的尺寸调整
尺寸调整影响图标的视觉 效果和重点突出。
•·
根据页面比例调整：根据 PPT的页面比例，选择合 适的图标尺寸。
保持整体统一：确保同一 页面内的图标尺寸相对统 一，避免过于杂乱。
象征性图标
总结词
象征性图标通过图形表达某种抽 象的概念或情感，如爱心代表爱 或和平鸽代表和平。
详细描述
这类图标通常用于传达某种情感 或价值观，它们通过富有象征意 义的图形来表达，如心形、十字 架或太阳等。
文字性图标
总结词
文字性图标直接使用文字作为设计元素，通常用于强调某个关键词或短语。
详细描述
这类图标以文字为主要表现形式，常用于标题、标签或强调某些关键词。它们 可以直接传达信息，并具有较高的识别度。
最全PPT图标大全
汇报人：可编辑
2023-12-27
REPORTING
• 图标概述 • 常见图标类型 • PPT中图标的运用 • PPT图标资源推荐 • PPT图标使用技巧 • PPT图标设计案例
阿里巴巴矢量图标库的使用
阿里巴巴矢量图标库的使用
阿里巴巴矢量图标库的使用一、引用线上图标库
1.登录阿里巴巴矢量图标库（可以微博登录），鼠标悬停在需要的图标，点击收藏入库（购物车图标），点击下载到本地或添加到项目
搜索你需要的图标并加入购物车
选好之后选择储存为新项目
生成在线链接，并复制到css中即可使用。
注意：在本地调试的时候（就是当你的浏览器网址是file协议开头的时候），
url(//)里双斜杠之前记得加上https:，像这样url(https://at.alicdn...)，
不然会用file协议访问链接就找不到。
二. 范例：
1.线上
1
2
3 矢量图
4
5
6 // 引用线上的图标库
7
8 @font-face {
9 font-family: iconfont; /* project id 238765 */
10 src: url(//at.alicdn/t/font_pzihjs6e7ki6bt9.eot);
11 src: url(//at.alicdn/t/font_pzihjs6e7ki6bt9.eot?#iefix) format(embedded-opentype),
12 url(//at.alicdn/t/font_pzihjs6e7ki6bt9.woff) format(woff),
13 url(//at.alicdn/t/font_pzihjs6e7ki6bt9.ttf) format(truetype),。
最常用的商务图标大全ppt课件
精选编辑ppt
15
长阴影扁平化矢量商务PPT图标P130067
精选编辑ppt
16
长阴影扁平化矢量商务PPT图标P130068
精选编辑ppt
17
长阴影扁平化矢量商务PPT图标P130069
精选编辑ppt
18
长阴影扁平化矢量商务PPT图标P130070
精选编辑ppt
19
长阴影扁平化矢量商务PPT图标P130071
长阴影扁平化矢量商务PPT图标P130052
精选编辑ppt
1
长阴影扁平化矢量商务PPT图标P130053
精选编辑ppt
2
长阴影扁平化矢量商务PPT图标P130054
精选编辑ppt
3
长阴影扁平化矢量商务PPT图标P130055
精选编辑ppt
4
长阴影扁平化矢量商务PPT图标P130056
精选编辑ppt
5
长阴影扁平化矢量商务PPT图标P130057
精选编辑ppt
6
长阴影扁平化矢量商务PPT图标P130058
精选编辑ppt
7
长阴影扁平化矢量商务PPT图标P130059
精选编辑ppt
8
长阴影扁平化矢量商务PPT图标P130060
精选编辑ppt
9
长阴影扁平化矢量商务PPT图标P130061
精选编辑ppt
精选编辑ppt
40
长阴影圆形扁平化矢量PPT图标P130092
精选编辑ppt
41
长阴影圆形扁平化矢量PPT图标P130093
Байду номын сангаас
精选编辑ppt
42
此课件下载可自行编辑修改，供参考！ 感谢您的支持，我们努力做得更好！
最全PPT图标大全
视觉清晰度
合理设置透明度，提高视觉清晰 度，使图标更加清晰可见。
图标形状调整
基本形状
确保图标保持基本形状，不要过于变形导致识别 困难。
创意形状
根据需要，可以适当调整图标的形状，增加创意 元素。
形状统一
同一页面的图标形状应保持统一，避免形状混搭 影响视觉效果。
04
PPT图标资源推荐
免费图标网站推荐
02
PPT图标分类
基础图标
总结词
用于表达最基本的概念或事物，如文件、文件夹、电脑等。
详细描述
基础图标通常用于表达最基本的概念或事物，如文件、文件 夹、电脑、打印机等。这些图标简洁明了，易于理解和识别 ，是PPT设计中常用的图标之一。
流程图标
总结词
用于表示一系列的步骤或过程，如开始、结束、步骤、流程等。
02
强调图标在PPT中的重要性，它 可以增强视觉效果，提高观众的 注意力，使信息更易理解和记忆 。
PPT图标的作用
01
02
03
引导观众的视线
通过使用图标，可以引导 观众的视线，使他们在浏 览PPT时更容易理解内容 的结构和层次。
传达抽象概念
使用图标可以将一些抽象 的概念或想法可视化，帮 助观众更好地理解。
Iconfinder
提供超过700,000个图 标，涵盖多种风格和设 计，可按关键词搜索。
Flaticon
Ionicons
拥有超过50万免费图标 ，支持多种格式下载，
可按需选择。
提供超过3000个图标， 覆盖多种平台和设备，
可按需定制。
Freepik
提供超过420,000个矢 量图标，支持多种格式 下载，可按关键词搜索
26个英文字母矢量图标
26个英文字母矢量图标
图标是具有明确指代含义的计算机图形。
其中桌面图标是软件标识，界面中的图标是功能标识。
它源自于生活中的各种图形标识，是计算机应用图形化的重要组成部分。
下面店铺为大家整理了有关字母矢量图标及介绍，希望大家喜欢。
图标的变迁
图形标识
图标是具有指代意义的具有标识性质的图形，它不仅是一种图形，更是一种标识，它具有高度浓缩并快捷传达信息、便于记忆的特性。
它不仅历史久远，从上古时代的图腾，到现在具有更多含义和功能的各种图标，而且应用范围极为广泛，可以说它无所不在。
一个国家的图标就是国旗;一件商品的图标是注册商标;军队的图标是军旗;学校的图标是校徽;同时它也在各种公共设施中被广泛使用，如公厕标识、交通指示牌等等;
我们通过图标看到的不仅仅是图标本身，而是它所代表的内在含义。
内在含义
随着计算机的出现，图标被赋予了新的含义，又有了新的用武之地。
在这里图标成了具有明确指代含义的计算机图形。
桌面图标是软件标识，界面中的图标是功能标识，在计算机软件中，它是程序标识、数据标识、命令选择、模式信号或切换开关、状态指示。
图标在计算机可视操作系统中扮演着极为重要的角色，它不仅可以代表一个文档，一段程序，一张网页，或是一段命令。
我们还可以通过图标执行一段命令或打开某种类型的文档，你所要做的只是在图标上单击或双击一下。
设计师必备网站
花瓣——优美图 集，点亮灵感
推荐
感谢聆听
优设网——资讯设计一个不能少
ONE
03 UI-UX
UI-UX
Uigarage——高级美，UI设计 灵感炸裂之地
Hoverstat——Web交互动画设 计欣赏
Land-Book——只收录全球最 佳设计网站
ONE
04 图标
Iconfont 又称为“阿里巴巴矢量图标库”
推荐
IconJar——成套优质简洁 Icon 素材免费下 载
推荐
H+——仿 bootstrap且 收费
WEUI——微信 框架比较适合小 程序之类
ONE
07 配色
配色
0 1 Adobe Color——Adobe 官方在 线配色工具
0 2 Colorhunt——每天一组新鲜配色 灵感
0 3 Webdesignrankings——好看得 哭出来的配色方案
0 4 Fresh Background
05
uigradients——渐变色推荐 网站
ONE
08 字体
字体
01
Myfonts——字体设计灵感
02
Urbanfonts——免费英文字体搜索 下载
03
Hellofont，又名“字由”ቤተ መጻሕፍቲ ባይዱ
ONE
09 工具
工具
0 1 LogoJoy——根据喜好在线生成个 性Logo
02
Tinypng——在线压缩 PNG/JPG
懒人图库
图库
千库网
0 1 优点免费提供素材更新较及时 0 2 缺点需要按类别收费、免费限制一次
下载
图库
千图网
优点种类繁 多可供选择 素材多样
【矢量图标】视频监控系统VISIO素材图标
IP Phone
VoiceEnabled Router
Multilayer Switch
Access Point End Users
Wireless Router
Workgroup Switch
Lightweight Single-Radio Access Point Autonomous Dual-Band Access Point Lightweight Dual-Band Access Point
Ethernet
PC
Workgroup Switch: Voice-Enabled
Wireless Link
Laptop
100BASE-T Hub
File Server
Bridge
Modem VPN Concentrator
Node
Amplifier
Cable Modem Termination System (CMTS)
安防产品图标库
直接选中需要 图标复制，然后在 visio中粘贴即可使用
枪式固 定摄像 机
摄像机
智能高速 云台摄像 机
一体化智 能球机
防护 罩
匀速 云台 摄像 机
镜 头
显示器，电视墙
监视器
电视墙显示服务器
光端机
矩阵
视音频存储
DVR VCR VHS
BETACAM录像机 PC DVR
视频分配器
电脑
控制键盘
IP网
IP承载网
IP网络
话筒，音响，电话，红外
红外
警铃
以太网
DM8000 VM8000
视频切换和控制设备
多画面分割器 矩阵切换相+CPU 室内室外云台解码 器