If you build sites in Framer, you probably know the annoyance of icon hunting. You leave your canvas, open a browser tab, search across two or three different icon sites, copy an SVG, paste it into Framer, and then spend time cleaning up messy vector paths or fixing colors. It breaks your focus every single time.
That is why we built IconSearch for Framer.
It puts a live catalog of 355,702 searchable SVG icons right inside your Framer workspace. You can search across 18 named open-source libraries—like Lucide Icons, Heroicons, Tabler Icons, Phosphor Icons, Remix Icon, Feather Icons, Radix Icons, Iconoir, Octicons, Ant Design Icons, Devicons, and Teenyicons—plus 227 Iconify collections, all without ever switching tabs.
Here is how it actually helps your daily workflow:
Drag and drop onto canvas: Drag any icon directly out of the plugin panel right onto your layout, or click to insert instantly.
Clean, editable vector paths: No extra wrappers, weird masks, or junk layers. You get proper, clean SVG paths inside Framer so you can adjust strokes and fills easily.
Custom size and color upfront: Set your pixel dimensions (48px to 256px) and hex color before dropping the icon into your canvas, or keep the original multi-color styling.
Filter by style: Easily filter by outline, solid, duotone, two-tone, or sharp styles so your UI looks cohesive.
Commercial / Legal-safe mode: Toggle legal-safe filtering when working on client projects to automatically exclude trademarked logos and brand icons.
Pin your go-to icons: Keep your project's primary icon set pinned at the top along with your recent history so you don't have to keep searching for the same home or arrow icon across different pages.
It's live now on the Framer Marketplace.
If you design or build in Framer, please download it, test it out in your next project, and let us know what you think. We'd love to hear your feedback and suggestions for what features or libraries to add next!
Link: framer.com/@iconsearch
7:05 PM
If you build sites in Framer, you probably know the annoyance of icon hunting. You leave your canvas, open a browser tab, search across two or three different icon sites, copy an SVG, paste it into Framer, and then spend time cleaning up messy vector paths or fixing colors. It breaks your focus every single time.
That is why we built IconSearch for Framer.
It puts a live catalog of 355,702 searchable SVG icons right inside your Framer workspace. You can search across 18 named open-source libraries—like Lucide Icons, Heroicons, Tabler Icons, Phosphor Icons, Remix Icon, Feather Icons, Radix Icons, Iconoir, Octicons, Ant Design Icons, Devicons, and Teenyicons—plus 227 Iconify collections, all without ever switching tabs.
Here is how it actually helps your daily workflow:
Drag and drop onto canvas: Drag any icon directly out of the plugin panel right onto your layout, or click to insert instantly.
Clean, editable vector paths: No extra wrappers, weird masks, or junk layers. You get proper, clean SVG paths inside Framer so you can adjust strokes and fills easily.
Custom size and color upfront: Set your pixel dimensions (48px to 256px) and hex color before dropping the icon into your canvas, or keep the original multi-color styling.
Filter by style: Easily filter by outline, solid, duotone, two-tone, or sharp styles so your UI looks cohesive.
Commercial / Legal-safe mode: Toggle legal-safe filtering when working on client projects to automatically exclude trademarked logos and brand icons.
Pin your go-to icons: Keep your project's primary icon set pinned at the top along with your recent history so you don't have to keep searching for the same home or arrow icon across different pages.
It's live now on the Framer Marketplace.
If you design or build in Framer, please download it, test it out in your next project, and let us know what you think. We'd love to hear your feedback and suggestions for what features or libraries to add next!
Link: framer.com/@iconsearch
7:05 PM
