google-play-badge-svg icon indicating copy to clipboard operation
google-play-badge-svg copied to clipboard

Need badges without empty space on perimeter

Open HawkeyePierce89 opened this issue 7 years ago • 5 comments

image

HawkeyePierce89 avatar Oct 11 '17 04:10 HawkeyePierce89

You can achieve that by making a simple change in the SVG file(s). Just change the viewBox to viewBox="10 10 135 40".

danielpalme avatar Nov 03 '17 08:11 danielpalme

I'm hesitant to further edit the SVG files directly, as I'm trying to avoid enforcing an opinion on the files themselves, and also since this would (kind of) violate the branding guidelines. You could almost certainly remove the whitespace with CSS, and when I get around to making some kind of NPM package for this repo, I think I'll include an option to trim whitespace there.

steverichey avatar Nov 03 '17 18:11 steverichey

You could almost certainly remove the whitespace with CSS

O_o It's dirty workaround

also since this would (kind of) violate the branding guidelines

o_O You say this seriously?

HawkeyePierce89 avatar Nov 05 '17 05:11 HawkeyePierce89

There must be clear space surrounding the badge equal to one-quarter the height of the badge.

https://play.google.com/intl/en_us/badges/

It's annoying, sure, but this repo is just offering the converted badges so you don't have to do that yourself as well, I don't think the author should modify them in any way.

ClaudiuCeia avatar Feb 04 '18 18:02 ClaudiuCeia

I came here because I was looking for Google Play badges without the margin ;)

I do not think the white space belongs into the files themselves. I think it is something you should read in the style guide and apply it to your layout. But I also understand the approach to not mess with the source files.

If we think there are enough people who need the badges without white space – maybe I can help you by providing a small SVGO plugin / npm script so we can automate output to directories like /img and /img-optimized or sth. like that?

reimar avatar Apr 18 '18 11:04 reimar