图标库示例
Swift Web 项目使用两类图标:业务自定义图标通过 AppIcon 组件统一管理; 通用图标按需引入 Phosphor Icons。 点击任意图标卡片即可复制使用代码到剪贴板。
业务自定义图标(AppIcon)
把新 SVG 丢进 app/assets/icons/ 即可。dev 模式下 starter 的 Vite 插件会自动监听该目录,文件变化时自动 injectIcons() 把图标写入 AppIcon.vue 命名分支,无需手动跑命令。 AppIcon.vue 是入库文件,修改后正常 commit 即可。
通用图标(Phosphor Icons)
从 @phosphor-icons/vue 按需 import,支持 size / weight / color 等 prop。 完整图标库可在 phosphoricons.com 检索。
thinlightregularboldfillduotone画廊风格:
120 个匹配