如何在Framer中添加图标

如何添加图标

使用图标简洁地传达操作,并提升内容模块的视觉吸引力。了解如何将图标集成到你的 Framer 网站中。

使用组件添加图标集

Framer 提供了内置的图标集,包括 Phosphor、Feather、Hero、Iconoir 和 Twemoji,可自定义以匹配你的设计。添加图标的步骤如下:

  1. 打开插入菜单。

  2. 选择“图标”类别。

  3. 选择一个图标集。

  4. 将图标拖放到网页上。

Framer 中的插入面板,显示所有不同的图标组件。

使用右侧的属性面板自定义图标。你可以更换图标、调整颜色、翻转方向等。

使用插件添加图标集

通过插件扩展图标选项,例如 PhosphorBootstrap IconsLogofy,这些插件可在 Framer 商店 获取。使用插件的步骤如下:

  1. 点击顶部菜单中的“插件”按钮。

  2. 搜索你想要的图标集。

  3. 点击插件即可打开并使用。

如需了解插件工作原理的更多信息,请查看此帮助文章。

添加 SVG 图标

你可以通过两种方式导入 SVG 图标:

  • 将 SVG 文件拖放到画布上。

  • 复制 SVG 到剪贴板,然后使用 ⌘ + V(macOS)或 CTRL + V(Windows)粘贴。

需要更多帮助?联系我们 获取进一步协助。

Create a free website with Framer, the website builder loved by startups, designers and agencies.