XNet on your iPhone

We decided to have a little fun in the wake of Steve Jobs’ iPhone update from yesterday, and created our own webclip icon for XNet.com. Now, you can have XNet on your iPhone: simply visit www.xnet.com, on your iPhone, click the “+” sign at the bottom of Safari, and save the webclip. The XNet iPhone icon will appear.

To do this for your own site, follow these three simple steps:

Create a new 57×57 PNG file with your logo or icon with the background color of your choice (transparent creates a black icon).
Name it “apple-touch-icon.png”
Upload it to the root folder of your web site (the same folder that holds your index.html file).
Create a webclip with your iPhone.

NOTE: At first, I searched the web for iPhone PSD templates with the aqua overlay and built the icon you see on this post. When I created a webclip on my iPhone, I noted that the phone had given it’s own treatment, resulting in a double-stamped coin effect. It really only takes the four steps I outline above. Apple builds the stylized icon for you!