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

Question

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…

Pavel_Kiselev · Accepted Answer

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

Filip10 · Answer

Thank You very much for Your response!

Reply

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded