# How to Add Icons in Framer

> To add icons in Framer, access the Insert menu, select the Icon menu, and click the Iconic button. Next, choose an icon from the dropdown, and finally adjust its size, color, weight, and style.

Canonical: https://livedemo.ai/tutorials/how-to-add-icons-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2e06d673bd5aa8e5fe16/preview?step=1

## Steps

1. Access the 'Insert' menu to add new design elements to your canvas.
2. Select the 'Icon' menu.
3. Select the 'Iconic' button.
4. Adjust size, color, weight, and style.
5. Choose an icon from the dropdown.
6. That's it! You've successfully added icons in Framer.