On this page
01What it becomes
An icon component using the feather-icons package. Feather icons are drawn from the same icon set, with the icon, color, stroke width, fill and line settings you chose — including dynamic icons and conditionals.
npm packages added to your app: feather-icons.
02What converts
- Feather icon element with static or dynamic icon
- Color, stroke width, fill, line cap and join
- “Is clicked” event
03About this plugin
Feather Icons is made by Airdev (visual element). Bubble’s plugin marketplace counts 251,346 installs (a cumulative counter). See its page on the Bubble marketplace.
Questions
- Does the Feather Icons plugin work outside Bubble?
- Not as it is: Bubble plugins only run inside Bubble. In a Next.js app it is replaced by generated code — An icon component using the feather-icons package (feather-icons).
- Will my Feather Icons settings carry over?
- Yes. deBub reads the plugin’s settings, conditions and workflows from your .bubble export and converts all of the plugin’s parts. Secret keys are the exception: you add them as environment variables.