Place styled SVG icons directly in Webflow Designer.
Search the live IconSearch catalog, adjust size and color, then add a reusable SVG asset before, inside, or after the selected canvas element.
A focused IconSearch experience for Webflow.
The interface keeps discovery, inspection, and the final handoff close together while using the same live catalog as the website.
Focused Designer panel
A compact two-column browser keeps previews, filters, styling, and insertion visible in Webflow's comfortable panel size.
Style before insertion
Set a precise pixel size, choose a custom color, or use a quick swatch before creating the SVG asset.
Native canvas placement
Insert an Image element before, inside, or after the selected Webflow element and keep the new icon selected.
Reusable site assets
Previously created color and size variants are reused locally instead of uploading duplicate SVG files.
From local setup to a real icon.
Open the extension in Webflow Designer
Select a canvas element
Search and style an icon
Choose placement and insert the SVG asset
cd webflow-extension
npm install
npm run devReady for a Webflow Designer development test.
The manifest, strict TypeScript build, safety checks, and bundle pass locally. App registration, an in-Designer capability test, listing assets, and Webflow Marketplace review remain before public availability.