Skip to content

Bubble plugin · Icons

The Bubble Feather Icons Plus plugin in Next.js

An icon component using the feather-icons package.

Converts

By The deBub teamUpdated

On this page

01What it becomes

An icon component using the feather-icons package. Feather Icons Plus is drawn from the same icon set as Feather Icons, with its own fill and line-join behaviour reproduced.

npm packages added to your app: feather-icons.

02What converts

  • Icon, color, stroke width, fill, line join, clickable cursor
  • “Is clicked” event

03About this plugin

Feather Icons Plus.

Questions

Does the Feather Icons Plus 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 Plus 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.

The deBub team

We build the Bubble → Next.js compiler behind deBub. Spotted something out of date? Write to hello@debub.io.

All 45 plugins

An icon component using the Material Icons font

Converts

An icon component using the feather-icons package

Converts

Heroicons

Minimum Code

Icons from @heroicons/react

Partly converts · 8 of 19 parts

Typed server-side functions in src/server/api-connector.ts

Converts

Leave Bubble.
Keep building.

The scan is free and shows your exact price. No card needed until you choose to generate.

Start with a free scan