Use FramerIcons
All your favorite icon sets
in one Framer plugin
All your favorite icon sets in one
Framer plugin
Access 22,000+ curated icons as a single component and
quickly upload and use your own icon sets in Framer.
Access 22,000+ curated icons as a single component and quickly upload and use your own icon sets in Framer.
FramerIcons
Search 5,700 icons. Try “check”, or “up”
Tabler icons
Outline
Tabler
Outline
4886 Icons
Icon color
Gray 950
Stroke width
1.5
FramerIcons
Search 5,700 icons. Try “check”, or “up”
Tabler icons
Outline
Tabler
Outline
4886 Icons
Icon 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
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
Search 5,700 icons. Try “check”, or “up”
Tabler icons
Outline
Tabler
Outline
4886 Icons
Icon 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 plugin gives you instant access to 22k+ 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
22k+ 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
Why use FramerIcons
A single plugin to find, customize, and seamlessly add icons to your Framer projects.
Features
Why use FramerIcons
A single plugin to find, customize, and seamlessly add icons to your Framer projects.
Features
Why use FramerIcons
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 22k+ 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
Search 22k icons. Try “check”, or “up”
All icons
Outline
Tabler
Outline
4886 Icons
Icon 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
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
Search 22k icons. Try “check”, or “up”
All icons
Outline
Tabler
Outline
4886 Icons
Icon color
Gray 950
Stroke width
1.5
FramerIcons
Search 22k icons. Try “check”, or “up”
All icons
Outline
Tabler
Outline
4886 Icons
Icon 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
Brand Primary
Stroke width
2
Icon sets
12 beautifully crafted icon sets
All available icon sets are open-source and free to use.
Icon sets
12 beautifully crafted icon sets
All available icon sets are open-source and free to use.
Icon sets
12 beautifully crafted icon sets
All available icon sets are open-source and free to use.
Tabler
5,718 icons
Tabler
5,718 icons
Tabler
5,718 icons
Hero
1,288 icons
Hero
1,288 icons
Hero
1,288 icons
Feather
287 icons
Feather
287 icons
Feather
287 icons
Lucide icons
1,539 icons
Lucide icons
1,539 icons
Lucide icons
1,539 icons
Scarlab
1,118 icons
Scarlab
1,118 icons
Scarlab
1,118 icons
Iconoir icons
1,627 icons
Iconoir icons
1,627 icons
Iconoir icons
1,627 icons
Box icons
1,634 icons
Box icons
1,634 icons
Box icons
1,634 icons
Bootstrap icons
2,050 icons
Bootstrap icons
2,050 icons
Bootstrap icons
2,050 icons
CSS*GG
704 icons
CSS*GG
704 icons
CSS*GG
704 icons
Remix icons
3,020 icons
Remix icons
3,020 icons
Remix icons
3,020 icons
Simple icons
3,192 icons
Simple icons
3,192 icons
Simple icons
3,192 icons
Majesticons
760 icons
Majesticons
760 icons
Majesticons
760 icons
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
50% off for the first 100 early adopters.
Upload your own icon sets (100K icons)
Access all icon sets
Framer component
Free lifetime updates
Priority email support
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
Ready to make your Framer website look.. yours?
Access a curated list of 22k+ beautiful icons as a single component now.
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
FramerIcons
Search 5,700 icons. Try “check”, or “up”
Tabler icons
Outline
Tabler
Outline
4886 Icons
Icon color
Gray 950
Stroke width
1.5
Ready to make your Framer website look.. yours?
Access a curated list of 22k+ beautiful icons as a single component now.
Ready to make your Framer website look.. yours?
Access a curated list of 22k+ beautiful icons as a single component now.
FramerIcons
Search 5,700 icons. Try “check”, or “up”
Tabler icons
Outline
Tabler
Outline
4886 Icons
Icon color
Gray 950
Stroke width
1.5