NikolayRys / Likely

The social sharing buttons that aren’t shabby
ISC License
395 stars 61 forks source link

Update viber icon so that it's visually consistent with similar whatsapp icon #181

Closed sashotoster closed 4 years ago

sashotoster commented 4 years ago

Mentioned in #173 (if I understand the problem correctly): https://github.com/NikolayRys/Likely/issues/173#issuecomment-629169229

For whatsapp we currently use only the inner-circle part of the official logo, while viber has the whole logo wrapped in a circle.

The example for viber was found on their official brand page (https://www.viber.com/en/brand-center/), but now I see that it kind of assumes using round badges in general (for example, there is a twitter badge as a smaller bird inside a circle) and we don't really do it accross the system.

Anyway, now we mainly want those two to look similar (at least as similar as possible, since viber logo is vertically extended and has to have slightly smaller width in order to fit in our svg viewBox), so let's make the recently added one (viber) use the same approach as what we already had for whatsapp.

Before

Screenshot 2020-05-16 at 20 15 27

After

Screenshot 2020-05-16 at 20 14 59

The actual scope of this PR is new svg path in viber.js, the rest is a result of running npm-build with changes introduced in #164

NikolayRys commented 4 years ago

Looks great, thanks for taking care of this