I guess the fbi (image viewer) used to display the .png file does not support transparency ? Ahh ok, that makes sense. It seems it defaults to a gray background. I wonder if there's a way to either have it default to a black background OR make the side bezels match the gray background i'm getting from the .png

@almulder There's also this extensive vector collection by @UDb23. The advantage to using vector images is that they scale infinitely and take up very little space. Of course they can easily be converted to PNGs also if need be.

@FlyingTomahawk If your PNGs are pixelated on the edges, you are likely using 8-bit PNG format, this uses a gif style indexed pallet and has no support for alpha blending. This is the default setting on photoshop/illustrator for save-for-web output. Make sure you are saving your PNGs as 24 bit to allow for alpha transparencies around the edge pixels, and the pixelated effect will be gone. Drawback is the file size will be 5 to 10x larger. Graphic designer by day, gamer by night, haha.