原型设计图标大全
Lucide线性图标 + Bootstrap图标，悬停下载或复制，支持SVG/PNG格式
界面布局布局、容器、面板、表单、列表等界面组件
共 77 个布局
仪表盘布局
网格布局
列表布局
顶部面板布局
2x2网格
3x3网格
方形
方形点
虚线方形
方形减
方形加
横向分割
纵向分割
横向矩形
纵向矩形
表格
表格2
合并单元格
拆分单元格
三行
四行
三列
四列
顶部面板
底部面板
左侧面板
右侧面板
关闭顶部
关闭底部
关闭左侧
关闭右侧
侧边栏展开
侧边栏收起
应用窗口
框架
开关-关
开关-开
圆形
单选-选中
圆形加
圆形减
圆形勾
圆形叉
圆形斜杠
虚线圆
圆形省略
复选框勾选
复选框叉
勾选方形
减号方形
叉号方形
水平滑块
垂直滑块
重置
重做
文本光标
输入光标
列表
勾选列表
列表末尾
列表筛选
列表添加
列表减少
列表重置
列表开始
待办列表
列表关闭
有序列表
树形列表
菜单
方形菜单
更多横向
更多纵向
抓取
水平抓取
垂直抓取
关于原型设计图标
简介
原型设计图标包含两大部分：Lucide线性图标（SVG格式，可下载）和Bootstrap图标（字体图标，可复制代码）。
使用方法
Lucide 图标
悬停图标显示 SVG 和 PNG 下载按钮，按需选择下载
Bootstrap 图标
点击图标复制 HTML 代码，需要引入 Bootstrap Icons CSS
SVG 格式
矢量格式，可无损缩放，适合 Figma、Axure 等设计工具
PNG 格式
位图格式，96x96 像素高清，适合直接使用或预览
Bootstrap Icons 引入方式
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">设计建议
- Lucide 线性图标风格统一，适合现代简洁的 UI 设计
- Bootstrap 图标种类丰富，适合快速开发
- SVG 格式可无损缩放，适应各种尺寸需求
- 推荐图标尺寸：16px / 20px / 24px / 32px