Skip to main content
Question

Enhancing Icon Color Changes in Hover State for Buttons


Kima

In my design library, I’ve created an Icon set as a component, allowing me to switch icons through properties. I then utilized this set of icons within my buttons.
One particular button set includes a hover effect that fills the background with the color of the strokes from its default state. However, a problem arises when I use a button and switch the icon from my set; in the hover state, the icon color remains unchanged.

🤔How can I enable the icon to change its color in this scenario?

image
image

This topic has been closed for replies.

5 replies

djv
Figmate
  • Community Support
  • 4774 replies
  • August 9, 2023

Hey @Kima, sorry to hear you’re having trouble with this!

It’s hard to be sure of what’s causing the issue. Are you able to share your file, so we can take a closer look?


Kima
  • Author
  • 7 replies
  • August 11, 2023

Hi @dvaliao , thank you for your fast reply.
This is the Figma link, you can check the buttons I’ve made, and as I said before when I change the icon from properties , it stops getting white while hovering.


Kima
  • Author
  • 7 replies
  • August 17, 2023

Hi @dvaliao
Any new? Have you seen the file?


djv
Figmate
  • Community Support
  • 4774 replies
  • August 17, 2023

Sorry for the delayed reply, @Kima!

We can’t seem to access the file. Please send it over to the support team directly here: https://help.figma.com/hc/en-us/requests/new using your Figma account email, including the link to the file, and be sure to share it with support-share@figma.com.


Kima
  • Author
  • 7 replies
  • August 21, 2023

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings