iPhone and iPod Touch Icon

Okay, so I’ve had an iPhone icon for about a year now, but I just updated it with the newer logo {overdue, I know}. Anyhow, here’s how to get your “oh” so cute button:
- Navigate to www.ohbrooke.com from your iPhone or iPod Touch
- Click the “+” button, and choose “Add to Home Screen”
- Click “Add”, and Voila!
If you’d like to create an iPhone icon, create a 57x57px icon {No need to create the “glare” effect of the button, the phone or iPod does that for you}. Save the icon as “apple-touch-icon.png” and put it in the root directory of your site. That’s it! Good luck!



















Let me know you stopped by »
Brooke, that’s fantastic! I’m totally going to make one! Now all I need is an iPhone…
i wish my blog were popular enough to have one of these – so cool! I might just create one for the heck of it. :P
@Audrey – YES! create one for the heck of it! :)
brooke, that is so much fun! i want to add your button but app store cannot find it. what am I doing wrong?
@joanna – it’s not an app, it’s just a bookmark to add to your home screen. You go to http://www.ohbrooke.com from your phone, click on the “+” button and choose “add to home screen”. Voila!
voila! perfect! now i got it. that is so much fun. I will have to try to figure it out for simple blueprint.
Just came across your blog. LOVE it! Adding you to my google reader!
Thanks for sharing how you added an iphone/touch button. I hope to try it sometime.
Hey Brooke,
My wife is such a fan of your site, and she showed me your iPhone icon. She put it on her phone and it works great. So, I attempted to make one for myself, but I must be missing something because I can’t get it to work. Will you help me please?