Shape

Shape是什么？

Shape是一个面向设计师与开发者的高质量图标与插图库，收录了 36,600+ 可完全自定义的矢量资源，涵盖多种主题与风格。用户可以直接在网页端调整颜色（前景、中间、背景）、描边宽度、尺寸和样式（单色、双色、三色），并导出为 SVG、Lottie 动画、React组件等多种格式，然后下载或集成到项目中。Shape 采用一次性付费模式，59 美元即可获得完整库访问权限，并包含一年更新。

核心功能

• 超大资源库：36,600+ 图标与插图，涵盖多种主题与风格。
• 完全可定制：可以在线更改颜色（前景、中间和背景）、描边、宽度、尺寸等。
• 多种样式：支持单色（single）、双色（dual）、三色（triple）等预设。
• 多格式输出：支持导出为 SVG、Lottie 动画、React 组件 等。
• 标签搜索：按关键词快速找到所需图标或插图。

适用人群

• UI/UX 设计师：快速获取并定制图标、插图，提升设计效率
• 前端开发者：直接导出 React 组件或 SVG，方便集成到项目
• 品牌设计师：根据品牌色快速批量调整图标样式
• 内容创作者：为 PPT、网页、社交媒体配图提供高质量素材

Shape官网及使用教程

官网网址：https://shape.so

1. 进入Shape官网

打开 Shape官方网站，你会看到 36,600+ 图标与插图 的资源库，以及搜索栏和分类标签。

2. 搜索与浏览素材

• 关键词搜索：在搜索框输入英文关键词（如 phone、message）
• 标签筛选：点击标签快速定位主题（如 “手机”、“社交”、“设备”）
• 预览素材：点击任意图标或插图即可放大预览

3. 自定义样式

Shape 最大的亮点是在线可视化定制：

• 颜色调整：可分别修改前景色（Front）、中间色（Middle）、背景色（Back）
• 描边宽度：调整线条粗细（如 1px、2px）
• 尺寸：最大可设置到 600px
• 样式模式：Single（单色）、Dual（双色）、Triple（三色）
• 预设配色：直接套用官方提供的配色方案

4. 导出素材

支持导出为SVG（矢量图，可无限放大不失真）、Lottie（动画格式）、React 组件（直接用于前端项目），点击 Download 按钮即可保存到本地。