---
title: "Iconify Library — Free Framer component · Best of Framer"
description: "Free Framer component · by Nebulapps · Navigation. Iconify Library Access thousands of icons from the Iconify ecosystem directly inside Framer."
canonical: "https://framer.elliotli.dev/component/iconify-library"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Iconify Library

# Iconify Library

Over 200,000 open source icons

[View on Framer](https://framer.com/marketplace/components/iconify-library/?via=elliot-li)

![Iconify Library preview image 1](https://framer.elliotli.dev/og/component/iconify-library/32e7599ba47e07c5/1600x1600.jpg)

## Summary

Iconify Library Access thousands of icons from the Iconify ecosystem directly inside Framer.

## Description

### 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`

## Rank history [How rankings work →](/terms#rankings)

-   All · #3641

## Details

- **Author**: Nebulapps
- **Published**: 2026-06-25
- **Updated**: 2026-06-27
- **Added**: 2026-06-25
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation