edent/SuperTinyIcons
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Makes WhatsApp icon even smaller (#447)

Browse Source 
Uses a simpler path for the speech bubble, with
the white border defined by the stroke attribute,
and the inside green part done a standard fill.

Also changes the fill color to match WhatsApp’s
brand guide.

Final size: current version: 589 bytes
My update: 484 bytes
This commit is contained in:
Brian Tremblay
2020-10-10 14:35:32 -07:00
committed by GitHub
parent 3d53f9a5d2
commit 4e0249ee24
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
images/svg/whatsapp.svg
View File

@@ -1,7 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg"
aria-label="WhatsApp" role="img"
viewBox="0 0 512 512"
fill="#fff"><rect
viewBox="0 0 512 512"><rect
width="512" height="512"
rx="15%"
fill="#45d354"/><path d="M308 273c-3-2-6-3-9 1l-12 16c-3 2-5 3-9 1-15-8-36-17-54-47-1-4 1-6 3-8l9-14c2-2 1-4 0-6l-12-29c-3-8-6-7-9-7h-8c-2 0-6 1-10 5-22 22-13 53 3 73 3 4 23 40 66 59 32 14 39 12 48 10 11-1 22-10 27-19 1-3 6-16 2-18"/><path d="M264 384c-41 0-72-22-72-22l-49 13 12-48s-20-31-20-70c0-72 59-132 132-132 68 0 126 53 126 127 0 72-58 131-129 132m-159 29l83-23a158 158 0 0 0 230-140c0-86-68-155-154-155a158 158 0 0 0-137 236"/></svg>
fill="#25d366"/><path fill="#25d366" stroke="#fff" stroke-width="26" d="M123,393 l14,-65 a138,138,0,1,1,50,47z"/><path fill="#fff" d="M308 273c-3-2-6-3-9 1l-12 16c-3 2-5 3-9 1-15-8-36-17-54-47-1-4 1-6 3-8l9-14c2-2 1-4 0-6l-12-29c-3-8-6-7-9-7h-8c-2 0-6 1-10 5-22 22-13 53 3 73 3 4 23 40 66 59 32 14 39 12 48 10 11-1 22-10 27-19 1-3 6-16 2-18"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 589 B

After

Width:  |  Height:  |  Size: 484 B