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

Ask the community
1

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…

obraz
obraz1919×989 73.7 KB

2

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

1 Like
3

Thank You very much for Your response!