Skip to main content
Solved

Icon with a button?

Marine_Farge

Hello everyone!
I’m designing a mobile interface and would like to put icons like this at the bottom of the page. I have several questions about this:

  • Is it called button or icon?
  • What nomenclature to give in Figma? I know that for buttons I do buttons/primary/default
  • How to choose the vertical spacing between my icon (20x20 px) and my text (12 px)?
    Thank you all for your answers!
    Capture d’écran 2021-03-29 à 16.10.49

Best answer by Gleb

The button is a thing you press. The icon is a picture. Icon can be a part of a button like in this case. So it’s a button with an icon and text. The current spacing looks fine.

View original

4 replies

Gleb
  • Gleb
  • Power Member
  • 4707 replies
  • Answer
  • March 29, 2021

The button is a thing you press. The icon is a picture. Icon can be a part of a button like in this case. So it’s a button with an icon and text. The current spacing looks fine.

Marine_Farge

ok thank you !

Timj
  • Timj
  • New Member
  • 82 replies
  • March 30, 2021

Borderless icon button.

Marine_Farge

ok thank you !

Reply


Terms & ConditionsCookie settings

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