Thank you! I have not but the elementary team has said in the past that they do not intend on making icons for third-party apps or in this case web-apps so I don't think it would do any good. You are right and some of the colors look washed out too. To be honest I would like to redo the whole set and make them better at some point and time but I just haven't found the time. Thank you for the suggestions I hope some day I can get around to redoing them

That is weird because they actually include icons for Word documents, GMail and Facebook in their official icon pack. Besides this would make it an awful lot harder to have decent looking third-party app icons on elementary... Maybe you should ask someday

Just make sure that the .svg files are in /home/"yourname"/.icons/elementary/apps/"32,48,64,&128"/ and that should work. Sometimes you have to logout and login or reboot for the changes to take effect.

If your .svg files are in /home/"yourname"/.icons/elementary/apps/ then in your .desktop file should look like this Icon="iconname" or Icon="iconname.svg" without the full path. I don't think it really matters if the ".svg" is on the end.

First you copy the numbered folders of the icons to "/home/"yourname"/.icons/elementary/apps/". Then you edit the .desktop files located in "/home/"yourname"/.local/share/applications/" in scratch and change the line that says "Icon="defaulticonbychrome"" to "Icon="nameoficonicreated"". Also when you change the icon you don't need to put the .svg at the end it will figure it out. Hope this helps, I hope I explained it well enough. If you have anymore questions feel free to ask.