Skip to main content
Question

Enhancing Icon Color Changes in Hover State for Buttons

  • August 9, 2023
  • 5 replies
  • 2917 views

Kima
  • New Participant
  • 7 replies

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
  • 5227 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
  • New Participant
  • 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
  • New Participant
  • 7 replies
  • August 17, 2023

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


djv
Figmate
  • Community Support
  • 5227 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
  • New Participant
  • 7 replies
  • August 21, 2023