ICON ASSETS

图标素材库

导航、社交、电商、媒体等高频网页图标一应俱全，线性、面性、双色多风格覆盖，SVG 矢量无损缩放，让界面搭建又快又整齐。

全部图标线性图标面性图标双色图标多色图标手绘图标

SVG

网页导航图标包

首页、菜单、搜索、返回、分类等导航类图标，统一 2px 描边，适合顶部导航与侧边栏。

128 个 · 32/48px获取 →

SVG

社交平台图标包

微信、微博、抖音等主流社交平台品牌图标，圆形与方形两种容器样式，含品牌官方配色。

36 个 · 彩色版获取 →

PNG

电商交易图标包

购物车、订单、收藏、支付、优惠券等电商全流程图标，面性风格，适合商品与结算页。

96 个 · 双色获取 →

SVG

媒体播放控制图标

播放、暂停、音量、全屏、进度等媒体控件图标，圆角线性风格，适合视频与音频模块。

48 个 · 24px获取 →

SVG

文件类型图标包

PDF、Word、图片、视频、压缩包等文件格式图标，按类型配色区分，适合下载与附件场景。

32 个 · 多色获取 →

SVG

用户账户图标包

72 个 · 32px获取 →

SVG

方向箭头图标包

上下左右、返回顶部、折叠展开等方向类图标，线性与实心双版本，适合分页与手风琴。

40 个 · 线/面获取 →

SVG

编辑工具图标包

复制、剪切、撤销、加粗、对齐等富文本编辑图标，2px 描边，适合后台与表单编辑器。

56 个 · 24px获取 →

PNG

天气状态图标包

晴、阴、雨、雪、雷等天气状态图标，柔和渐变填充，适合天气模块与旅游类官网。

24 个 · 多色获取 →

ICON RULES

图标使用规范要点

统一描边、栅格对齐、留白呼吸，是图标看起来专业的底层逻辑。

统一描边粗细

同一页面图标描边保持一致，1.5px 或 2px 二选一，避免粗细混杂破坏整体节奏。

栅格对齐

图标绘制基于 24×24 栅格，关键节点对齐整数像素，保证小尺寸下边缘清晰不糊。

留白与圆角

图标四周预留 2px 安全边距，圆角与品牌主圆角统一，视觉上更柔和统一。

需要定制专属图标集？

尧图可按品牌调性绘制整套线性/面性图标，含命名规范与使用说明文档。

免费咨询学习图标设计