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
This topic has been closed for comments

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


Thank You very much for Your response!


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