How to switch the icon set in a component

Kompa uses Phosphor Icons for all the icons in the library. Follow these steps to switch the icon set of a Kompa component to a different icon set than the original.

Step 1 · Insert the icon set

With the component open, insert a default Framer icon set from the insert panel or a custom vector set from the project.

Step 2 · Match the size

Make sure that the new icon set matches the size of the original icon set in every component variant.

Step 3 · Connect variables

With the new icon set selected, connect all of the variables to the component that the original icon set was using.

Step 4 · Delete the original icon set

Select the original icon set and delete it after double checking all the previous steps have been executed.

Now your icon set is fully connected to your component.

Still need help?

Our team can provide the answers you're looking for.

FAQ

How to switch the icon set in a component

Kompa uses Phosphor Icons for all the icons in the library. Follow these steps to switch the icon set of a Kompa component to a different icon set than the original.

Step 1 · Insert the icon set

With the component open, insert a default Framer icon set from the insert panel or a custom vector set from the project.

Step 2 · Match the size

Make sure that the new icon set matches the size of the original icon set in every component variant.

Step 3 · Connect variables

With the new icon set selected, connect all of the variables to the component that the original icon set was using.

Step 4 · Delete the original icon set

Select the original icon set and delete it after double checking all the previous steps have been executed.

Now your icon set is fully connected to your component.

Still need help?

Our team can provide the answers you're looking for.

FAQ

How to switch the icon set in a component

Kompa uses Phosphor Icons for all the icons in the library. Follow these steps to switch the icon set of a Kompa component to a different icon set than the original.