refactor:changed new,link and mask png to svg

[Surajsuthar]

#61
#63
#64

[chase-mew]

The SVGs look different to the PNGs. For example, this is the new png:

And this is the svg:

The svg has various artifacts and doesn't look identical to the png.

I think these SVGs were created from a png > svg tool. Which unfortunately are known for generating large svgs, and creating artifacts. I think for this png > svg migration, we will want to manually create the SVGs using a tool like Inkscape or Adobe Illustrator etc. Otherwise we're not really improving the codebase, as the assets will look worse and not reduce in size.

[Surajsuthar]

@chase-manning thanks for pointing it out. I will try to create it manually.

[Surajsuthar]

this will work?

[chase-mew]

The svg looks off for a couple of reasons. It needs to match the icon exactly otherwise it is changing the functionality. In this case the svg has a background, but the icon has no background (is transparent). Also the svg is a different color to the icon. The icon has #DDDCDD as it's color, but the color of the svg is white. Other than that though, the shape and style and content of the SVG look good. Just need some color tweaks really and removing the background 😃

[Surajsuthar]

sorry for delay, here is new updated svg

[chase-mew]

@Surajsuthar Looks great thanks! 😃