Skip to main content
Solved

How to change component size without changing size of vector inside?


Hi,

excuse me if i’m asking to simple question but I can’t get through. My icon size (more precisely: whole component) is 24x24 px. I’ve found informations on material.io that it is propper size for mobile icon, but the touch target field should be 48x48 px. My question is: how I can change component field without streaching and scaling vector icon inside? Please help becouse I’m stuck…

Best answer by Pavel_Kiselev

Icon itself has nothing to do with the hit box. I’d use a button component for that purpose. With 12px padding you will get desired touch size. Other way around is to make frame of desired size and place your icon inside

View original

2 replies

Pavel_Kiselev
  • Power Member
  • 438 replies
  • Answer
  • June 16, 2023

Icon itself has nothing to do with the hit box. I’d use a button component for that purpose. With 12px padding you will get desired touch size. Other way around is to make frame of desired size and place your icon inside


  • Author
  • 1 reply
  • June 16, 2023

Thank You very much for Your response!


Reply


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