Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Library is cropping Icon #103

Open
CDBridger opened this issue Aug 8, 2023 · 1 comment
Open

Library is cropping Icon #103

CDBridger opened this issue Aug 8, 2023 · 1 comment

Comments

@CDBridger
Copy link

This SVG

<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Logo"> <path id="Vector" d="M0 0H108V108H0V0Z" fill="#1C3F94"/> <path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M65.2783 20.3353H42.8922V42.8923H19.9937V65.2784H42.8922V87.8353H65.2783V65.2784H88.1771V42.8923H65.2783V20.3353Z" fill="white"/> </g> </svg>

Is this icon

image

but Looks like this when I run the lib

image

You can see that it is cropped.

What's going on?

@aeirola
Copy link
Owner

aeirola commented Aug 8, 2023

Hi, thanks for trying out the tool! The cropping happens by design in order to be able to use the same source file for both iOS and Android icons. Modern Android icons should use the adaptive icons, which have an extended background.

So in your case you just need to place your design icon within the 72x72 center square of the 108x108 svg file.

Sorry if the documentation didn't state this clearly enough. If you have suggestions on how to improve the documentation, I'll happily update it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants