Skip to main content

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!

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.


ok thank you !


Borderless icon button.


ok thank you !


Reply