Watch demo
Every Icon You Need,
Right Inside 
Framer
Every Icon You Need,
Right Inside Framer
Every Icon You Need,
Right Inside Framer
Access 44,696 icons from 15 curated icon sets in one powerful plugin. Design faster, work smarter, and make your Framer sites stand out.
Access 22,000+ curated icons as a single component and quickly upload and use your own icon sets in Framer.
Loved by 5,100+ designers worldwide
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Gray 950
Stroke width
1.5
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Gray 950
Stroke width
1.5
Drag and drop icons anywhere you want, literally
Customize anytime using the component
Desktop
1200
Breakpoint
Tablet
·
810
Breakpoint
Phone
·
390
Breakpoint
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Gray 950
Stroke width
1.5
Drag and drop icons anywhere you want, literally
Customize anytime using the component
Desktop
1200
Breakpoint
Tablet
·
810
Breakpoint
Phone
·
390
Breakpoint
FramerIcons plugin gives you instant access to 32k+ beautiful icons.
You can also easily upload your own icon sets to use in Framer.
Use the plugin to add icons as components, and you're all set.
It helps you work smarter, save time,
and make your website stand out.
FramerIcons plugin gives you instant access to
32k+ beautiful icons.
You can also easily
upload your own icon sets to use in Framer.
Use the plugin to add icons as components, and you're all set.
It helps you work smarter, save time, and make your website stand out.
Features
Meet your new favorite Framer Plugin
A single plugin to find, customize, and seamlessly add icons to your Framer projects.
Features
Meet your new favorite Framer Plugin
A single plugin to find, customize, and seamlessly add icons to your Framer projects.
Features
Meet your new favorite Framer Plugin
A single plugin to find, customize, and seamlessly add icons to your Framer projects.
All your icons in one place
No more jumping between websites or downloading files. Instantly access 32k+ beautiful icons in Framer.
Search 5,700 icons. Try “check”, or “up”
Search 5,700 icons.
Search 5,700 icons.
Find icons at a glance
You can find and add icons in seconds with lightning-fast search and a clean, organized UI.
Fast
One-click to add
Smart
Works your way
Fast
One-click to add
Smart
Works your way
Reliable
Created with care
Updated
Fresh icons always
Extendable
Use any SVG icon
Component-friendly
Add icons anywhere without breaking your components or design.
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Brand Primary
Stroke width
2
Customize anytime
Customize icons at any time using the FramerIcons component settings.
Design
Responsive design
Navigation
Link Pages
Components friendly
No more breaking components to add Icons! Add icons anywhere without breaking your design.
Fast
One-click to add
Smart
Works your way
Reliable
Created with care
Updated
Fresh icons always
Fast
One-click to add
Smart
Works your way
Reliable
Created with care
Forms
Capture leads
Animation
Refined animations
Customize anytime
Customize icons anytime using the component settings, just a few clicks and you’re done.
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Brand Primary
Stroke width
2
2
Drag and drop me here ->
drop me here ->
Drag-and-drop
Find an icon, customize it, and add it anywhere in Framer without needing to ⌘ + tab. Yes, it’s that easy.
Upload your own icon sets
Easily and quickly upload your own icon sets for use in all of your Framer projects.
Never run out of style
Customize your website with various icon styles that reflect your unique personality.
Outline
Filled
Sharp
Ghost
Brands
Mini
Micro
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Brand Primary
Stroke width
2
Made for Framer
A Framer plugin and a native Framer component, so you never have to leave Framer to find icons again—ever!
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Brand Primary
Stroke width
2
Why FramerIcons
Why Choose FramerIcons
Designers waste hours managing icons across multiple libraries, breaking components, and fighting with SVG imports. FramerIcons changes that.
Why FramerIcons
Why Choose FramerIcons
Designers waste hours managing icons across multiple libraries, breaking components, and fighting with SVG imports. FramerIcons changes that.
Why FramerIcons
Why Choose FramerIcons
Designers waste hours managing icons across multiple libraries, breaking components, and fighting with SVG imports. FramerIcons changes that.
Keep Your Flow
No more context switching between apps or breaking your creative momentum. Everything stays in Framer.
Keep Your Flow
No more context switching between apps or breaking your creative momentum. Everything stays in Framer.
Keep Your Flow
No more context switching between apps or breaking your creative momentum. Everything stays in Framer.
Future-Proof Designs
Find icons across your entire site with a single click. No more hunting through pages to make changes.
Future-Proof Designs
Find icons across your entire site with a single click. No more hunting through pages to make changes.
Your Icons, Your Brand
Upload and manage your custom icon sets with Pro. Perfect for agencies and brand-conscious designers.
Your Icons, Your Brand
Upload and manage your custom icon sets with Pro. Perfect for agencies and brand-conscious designers.
Always Up-to-Date
Our curated icon library grows every week with fresh icons from top designers. Never run out of options.
Always Up-to-Date
Our curated icon library grows every week with fresh icons from top designers. Never run out of options.
Design System Ready
Built to work seamlessly with components and variants. No more broken instances or detached elements.
Design System Ready
Built to work seamlessly with components and variants. No more broken instances or detached elements.
Agency Friendly
Share icon sets across your team and easily maintain brand consistency across all of your Framer projects.
Agency Friendly
Share icon sets across your team and easily maintain brand consistency across all of your Framer projects.
"Happy to have Framericons on Toolfolio, its actually quite handy for framer designer!"
"Happy to have Framericons on Toolfolio, its actually quite handy for framer designer!"
"Happy to have Framericons on Toolfolio, its actually quite handy for framer designer!"
Dudu
Dudu
Dudu
Creator · Toolfolio
Creator · Toolfolio
Creator · Toolfolio
How it works
How does FramerIcons work?
Watch this video to learn more about how to use FramerIcons
How it works
How does FramerIcons work?
Watch this video to learn more about how to use FramerIcons
How it works
How does FramerIcons work?
Watch this video to learn more about how to use FramerIcons
Icon sets
15 beautifully crafted icon sets
All available icon sets are open-source and free to use.
Icon sets
15 beautifully crafted icon sets
All available icon sets are open-source and free to use.
Icon sets
15 beautifully crafted icon sets
All available icon sets are open-source and free to use.
"Just amazing, thank you so much for this incredibly helpful plugin. $25 is an absolutely fair price. Thank you and wishing you much success!"
"Just amazing, thank you so much for this incredibly helpful plugin. $25 is an absolutely fair price. Thank you and wishing you much success!"
"Just amazing, thank you so much for this incredibly helpful plugin. $25 is an absolutely fair price. Thank you and wishing you much success!"
Roger Tedoldi
Roger Tedoldi
Roger Tedoldi
Product Designer · Swisscom
Product Designer · Swisscom
Product Designer · Swisscom
Pricing
Simple pricing
FramerIcons is currently in beta, with exciting new features planned for the live release. Purchase a license now to support us in building FramerIcons faster and enjoy a 50% discount as one of our first 100 early adopters.
Pricing
Simple pricing
FramerIcons is currently in beta, with exciting new features planned for the live release. Purchase a license now to support us in building FramerIcons faster and enjoy a 50% discount as one of our first 100 early adopters.
Pricing
Simple pricing
FramerIcons is currently in beta, with exciting new features planned for the live release. Purchase a license now to support us in building FramerIcons faster and enjoy a 50% discount as one of our first 100 early adopters.
Basic
Basic
$0
All basic features will be free forever.
Upload your own icon sets (100K icons)
Access all icon sets
Framer component
Free lifetime updates
Standard Email support
Pro
Pro
50% OFF
$24.5
$49
Perfect for brand-conscious designers.
Upload your own icon sets (100K icons)
Access all icon sets
Framer component
Free lifetime updates
Priority email support
50% OFF for the first 100 customers (88 left)
Secured and encrypted payments
Use for unlimited Framer projects
14-day money-back guarantee
FAQ
Frequently Asked Questions
Find answers to our most frequently asked questions and get the support you need.
FAQ
Frequently Asked Questions
Find answers to our most frequently asked questions and get the support you need.
FAQ
Frequently Asked Questions
Find answers to our most frequently asked questions and get the support you need.
General FAQs
Pricing & plans
Using Framer
Other questions
What is FramerIcons?
Why do I need FramerIcons?
Why is the FramerIcons plugin free?
Do you add new icons regularly?
Are all icon sets always up-to-date?
Can I suggest a new icon set?
Can I upload my own icon sets to FramerIcons?
General FAQs
Pricing & plans
Using Framer
Other questions
What is FramerIcons?
Why do I need FramerIcons?
Why is the FramerIcons plugin free?
Do you add new icons regularly?
Are all icon sets always up-to-date?
Can I suggest a new icon set?
Can I upload my own icon sets to FramerIcons?
General FAQs
Pricing & plans
Using Framer
Other questions
What is FramerIcons?
Why do I need FramerIcons?
Why is the FramerIcons plugin free?
Do you add new icons regularly?
Are all icon sets always up-to-date?
Can I suggest a new icon set?
Can I upload my own icon sets to FramerIcons?
If you have any other questions, feel free to drop us a line.
Let's solve those puzzles together! hey@framericons.com.
Let's solve those puzzles together! hey@framericons.com.
Making using icons in Framer fun again.
We love Framer; it’s hands down the best website builder for designers. No other tool empowers designers to build at this level, resulting in a beautiful web—a web built by designers.
Designers like to look cool, unique, and different because that’s what makes us stand out. As a designer, you know that no detail is too small. Icons, for example, aren’t just decoration—they’re the finishing touch that makes a design shine.
That’s why we built FramerIcons. It is our small contribution to Framer's mission of making the web a beautiful place because that’s a web we want to live in. Go ahead and give it a try we hope it helps you make your Framer projects stand out.
Ali & Mosaad
Creators of FramerIcons
Making using icons in Framer fun again.
We love Framer; it’s hands down the best website builder for designers. No other tool empowers designers to build at this level, resulting in a beautiful web—a web built by designers.
Designers like to look cool, unique, and different because that’s what makes us stand out. As a designer, you know that no detail is too small. Icons, for example, aren’t just decoration—they’re the finishing touch that makes a design shine.
That’s why we built FramerIcons. It is our small contribution to Framer's mission of making the web a beautiful place because that’s a web we want to live in. Go ahead and give it a try we hope it helps you make your Framer projects stand out.
Ali & Mosaad
Creators of FramerIcons
Making using icons in Framer fun again.
We love Framer; it’s hands down the best website builder for designers. No other tool empowers designers to build at this level, resulting in a beautiful web—a web built by designers.
Designers like to look cool, unique, and different because that’s what makes us stand out. As a designer, you know that no detail is too small. Icons, for example, aren’t just decoration—they’re the finishing touch that makes a design shine.
That’s why we built FramerIcons. It is our small contribution to Framer's mission of making the web a beautiful place because that’s a web we want to live in. Go ahead and give it a try we hope it helps you make your Framer projects stand out.
Ali & Mosaad
Creators of FramerIcons
Make Your Framer Sites Stand Out
Join 1,800+ designers who've upgraded their workflow with FramerIcons.
FramerIcons
Component
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="#1e3a8a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ad-circle"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 12m-10 0a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" /> <path d="M7 15v-4.5a1.5 1.5 0 0 1 3 0v4.5" /> <path d="M7 13h3" /> <path d="M14 9v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
Color
Brand Primary
Stroke width
2
Make Your Framer Sites Stand Out
Join 1,800+ designers who've upgraded their workflow with FramerIcons.
Make Your Framer Sites Stand Out
Join 1,800+ designers who've upgraded their workflow with FramerIcons.
Used and loved by the Framer community