1. Draw a square with the Rounded Rectangle tool.

2. Fill the shape with a 90 degree Linear gradient with 3 different shades, make sure the darkest shade is on top while the lightest shade is at the bottom.

3.  Make a copy of the shape and draw an ellipse above that shape. Make sure the ellipse is centered vertically with the rounded square.

4. Select both shapes and divide them by using the Pathfinder tool.

5. Delete the bottom part of the divided rounded square and the top part of the ellipse.

6. Select the remaining part of the divided shape as well as the original rounded square, make sure the they are aligned horizontally and at the top using the align tool.

7. Fill the newly formed top of the square with a black and white gradient, make sure the gradient is a linear at -90 degrees and that Hard Light is selected for the transparency.

8. Select the main square and add a think stroke to it.

9. Import your desired logo.

10. Select the top portion of the rounded square and bring it to the front.

11. This is how your final icon should look, minus the reflection, which we will cover in another tutorial.