Iconify Library

Access thousands of icons from the Iconify ecosystem directly inside Framer. Simply enter an icon name and instantly display icons from popular collections such as Material Design, Tabler, Lucide, Heroicons, Phosphor, Carbon, Fluent, Remix Icons, and many more.

Perfect for buttons, navigation menus, dashboards, landing pages, feature sections, and design systems.

Features

• Access 200,000+ icons through Iconify

• Compatible with hundreds of icon packs

• Lightweight and scalable SVG rendering

• Full color customization

• Rotation support

• Horizontal and vertical flipping

• Crisp rendering at any size

• Easy integration with Framer components

• Supports all Iconify icon collections

Properties

Icon Name The Iconify icon identifier (e.g. mdi:home, tabler:user, lucide:settings).

Color Changes the icon color instantly.

Rotate Rotates the icon to any angle.

Flip Horizontal Mirrors the icon horizontally.

Flip Vertical Mirrors the icon vertically.

Iconify Advantages

Because this component is powered by Iconify, you gain access to:

• Material Design Icons (MDI)

• Tabler Icons

• Lucide Icons

• Heroicons

• Phosphor Icons

• Carbon Icons

• Fluent Icons

• Remix Icons

• Simple Icons

• Bootstrap Icons

• Ant Design Icons

• And hundreds of other collections

Examples

mdi:home

mdi:account

tabler:search

lucide:settings

heroicons:heart

ph:rocket

carbon:dashboard