如何添加图标
使用图标简洁地传达操作,并提升内容模块的视觉吸引力。了解如何将图标集成到你的 Framer 网站中。
使用组件添加图标集
Framer 提供了内置的图标集,包括 Phosphor、Feather、Hero、Iconoir 和 Twemoji,可自定义以匹配你的设计。添加图标的步骤如下:
打开插入菜单。
选择“图标”类别。
选择一个图标集。
将图标拖放到网页上。

使用右侧的属性面板自定义图标。你可以更换图标、调整颜色、翻转方向等。
使用插件添加图标集
通过插件扩展图标选项,例如 Phosphor、Bootstrap Icons 或 Logofy,这些插件可在 Framer 商店 获取。使用插件的步骤如下:
点击顶部菜单中的“插件”按钮。
搜索你想要的图标集。
点击插件即可打开并使用。
如需了解插件工作原理的更多信息,请查看此帮助文章。
添加 SVG 图标
你可以通过两种方式导入 SVG 图标:
将 SVG 文件拖放到画布上。
复制 SVG 到剪贴板,然后使用
⌘ + V(macOS)或CTRL + V(Windows)粘贴。
需要更多帮助?联系我们 获取进一步协助。