Skip to main content
Filip10
June 15, 2023
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…

obraz

This topic has been closed for replies.
Pavel_Kiselev
Pavel_KiselevSolution
Power Member
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

View in thread

2 replies

Pavel_Kiselev
Pavel_KiselevSolution
Power Member
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

    Filip10Author
    June 16, 2023

    Thank You very much for Your response!

    Terms & ConditionsAccessibility statement