如何添加图标
使用图标可以简洁地传达操作指示,并增强内容区块的视觉吸引力。以下介绍如何在您的 Framer 网站中集成图标。
Framer 提供了内置的图标集,包括 Phosphor, Feather, Hero, Iconoir 和 Twemoji。这些图标可以进行自定义以符合您的设计风格。添加步骤如下:
打开 Insert (插入) 菜单。
选择 Icons (图标) 类别。
选择一个图标集 (icon set)。
将图标拖放 (drag) 到您的网页上。

添加后,您可以使用右侧的属性面板 (Properties Panel) 来自定义您的图标。您可以:
更改图标本身。
调整其颜色 (color)。
进行翻转 (flip)。
以及其他更多设置。
您可以通过 Framer 市场 (Marketplace) 中的插件(如 Phosphor, Bootstrap Icons 或 Logofy)来扩展图标选项。使用方法如下:
点击顶部菜单中的 Plugins (插件) 按钮。
搜索 (Search for) 您想要的图标集。
点击相应的插件以打开并使用 (open and use it)。
了解更多关于插件如何工作的信息,请查看此帮助文章。
您可以通过两种方式导入 SVG 图标:
方法一: 将 SVG 文件直接拖放 (drag) 到画布 (Canvas) 上。
方法二: 将 SVG 代码复制 (copy) 到剪贴板,然后使用快捷键 ⌘ + V (macOS) 或 CTRL + V (Windows) 粘贴 (paste) 到画布上。
需要更多帮助?请联系我们获取进一步协助。