🐟 卡通图标风格预览
设计稿 v1
目标:为整个桌面版做"海洋卡通"风格图标 —— 圆润胖轮廓 · 粗圆齿/圆角 · 高光点 · 可爱表情 · 与绿色主题 + 电子养鱼缸气质统一。
以下是首批 2 个示例(
设置
与
发送
),确认风格后按同一语言批量替换全部 70 个图标。
示例 1 · 设置(齿轮,14×14)— 风格要素:太阳花圆齿 + 中心孔 + 眨眼表情
浅色底 · 主题绿
14px
20px
48px
96px
深色底 · 亮绿
14px
48px
示例 2 · 发送(火箭,16×16)— 风格要素:圆润胖箭身 + 圆头 + 双尾翼 + 舷窗 + 高光 + 小火苗
浅色底 · 主题绿
16px
24px
48px
96px
深色底 · 亮绿
16px
48px
风格语言(确认后按此批量替换全部 70 个图标)
圆润胖轮廓
所有图形加粗加圆,小尺寸下仍然清晰可爱
高光点
右上角挖空小圆点,模拟 3D 光泽(如发送)
可爱表情
圆孔/眼睛 + 微笑月牙,适合齿轮、文件夹等大图形
圆齿/圆角部件
齿轮齿用圆点,星星/箭头用圆头(如设置)
保持单色
继续 fill="currentColor",随主题色/状态色自动适配
14/16px 网格
保持原 viewBox 与尺寸,无需改动组件结构
实现方式:直接替换
dsh-client-ui-primitives/lib/index.js
中 70 个图标的 path 数据(结构不变), 刷新即全局生效;品牌鱼 logo(FishLogo)、favicon 等单独设计。