I decided to make some changes to a few of iOS 7's icons. Here's a screenshot with Voice Memos, Photos, Game Center, Safari, Camera and Stocks all changed:
(Full size)
Altered icons
Safari
-Icon (120x120).
-I still need to make the compass slightly bigger to fit the Grid System. The current iOS 7 icon does fit this system because the circle border around the compass touches the most outer circle on the Grid System icon. Removing the white border means nothing is touching that outer circle, so I would have to make the compass itself bigger to touch the outer circle (it helps a lot if you've seen the iOS 7 Grid System: there's a link down below). I also need to make a 256x256 version.
Game Center
-Original Fresh Pie fix-up (120x120)(256x256). Thanks!
-Purple (120x120).
-Green (120x120).
-I altered the dart board so that it fits with the Grid System. To compensate for the central position of the board, I made the dart smaller (otherwise it sticks out too much). I also made a purple version in an effort to make my icon feel more consistent with the app's purple UI. Considering I only used MS Paint and Aseprite, it looks quite nice, but it could still do with a bit of fixing up. Also, that purple background colour is a bit too dark for me, but I did just pull it from the WWDC icon.
Photos
-Fresh Pie icon (120x120).
-Fresh Pie made this icon himself, and it looks great! Thanks for letting me use it here. If you want to know more about the changes, ask Fresh Pie yourself! He's usually quite active on this thread.
Voice Memos
-Icon (120x120)
-I based this on the iOS 6 icon, while keeping the iOS 7 aesthetics. I completely re-drew the microphone, but modeled it entirely around the Grid System to make it feel consistent with the other icons. For the colours, I experimented with several different combinations, and while I found Weather-like blue to work quite well I didn't use it due to how many blue icons already exist. In the end I chose the Music icon background (flipped) for the microphone colour, while maintaining the white backdrop.
Camera
-Icon (120x120).
-All I did was remove the small orange/yellow dot next to the lens, but I think it makes it look a bit nicer without it. I need to make a 256x256 version, but I can't do that until I get hold of a high-res version of the original.
Stocks
-Icon (120x120).
-After completely removing the stripes last time, I decided to add them back but make them more subtle. Again, I can't make a 256x256 version without a high-res original.
To-do list
-Rework all changed icons to fit the Grid System. - The only change left is to make Safari's compass ever so slightly bigger, but it's so unnoticeable that I can't be bothered.
-Produce 256x256 versions of all changed icons. - Not possible until we get higher quality versions of the originals.
-Edit/redesign more icons people don't like (Contacts?).
iOS 7 icon Grid System
This is what I'm talking about (1024x1024).
Use the icons in iOS 7!
What do you think? Should Apple do something similar to the icons for the final release?
(Full size)
Altered icons
Safari
-Icon (120x120).
-I still need to make the compass slightly bigger to fit the Grid System. The current iOS 7 icon does fit this system because the circle border around the compass touches the most outer circle on the Grid System icon. Removing the white border means nothing is touching that outer circle, so I would have to make the compass itself bigger to touch the outer circle (it helps a lot if you've seen the iOS 7 Grid System: there's a link down below). I also need to make a 256x256 version.
Game Center
-Original Fresh Pie fix-up (120x120)(256x256). Thanks!
-Purple (120x120).
-Green (120x120).
-I altered the dart board so that it fits with the Grid System. To compensate for the central position of the board, I made the dart smaller (otherwise it sticks out too much). I also made a purple version in an effort to make my icon feel more consistent with the app's purple UI. Considering I only used MS Paint and Aseprite, it looks quite nice, but it could still do with a bit of fixing up. Also, that purple background colour is a bit too dark for me, but I did just pull it from the WWDC icon.
Photos
-Fresh Pie icon (120x120).
-Fresh Pie made this icon himself, and it looks great! Thanks for letting me use it here. If you want to know more about the changes, ask Fresh Pie yourself! He's usually quite active on this thread.
Voice Memos
-Icon (120x120)
-I based this on the iOS 6 icon, while keeping the iOS 7 aesthetics. I completely re-drew the microphone, but modeled it entirely around the Grid System to make it feel consistent with the other icons. For the colours, I experimented with several different combinations, and while I found Weather-like blue to work quite well I didn't use it due to how many blue icons already exist. In the end I chose the Music icon background (flipped) for the microphone colour, while maintaining the white backdrop.
Camera
-Icon (120x120).
-All I did was remove the small orange/yellow dot next to the lens, but I think it makes it look a bit nicer without it. I need to make a 256x256 version, but I can't do that until I get hold of a high-res version of the original.
Stocks
-Icon (120x120).
-After completely removing the stripes last time, I decided to add them back but make them more subtle. Again, I can't make a 256x256 version without a high-res original.
To-do list
-
-
-Edit/redesign more icons people don't like (Contacts?).
iOS 7 icon Grid System
This is what I'm talking about (1024x1024).
Use the icons in iOS 7!
It's actually possible to use these icons in iOS 7. Use this site and the guide below (for the Web Clip section) to create a home screen shortcut to each app:
-Set the label to the app's name (Safari, Game Center, Music etc.).
-Set the URL to either any site you want as a sort of home page, or to one of the ones listed below for specific apps.
-Un-tick removable so that it will only be deleted when you uninstall the profile from the Settings app.
-Set one of the 120x120 icons (up there) as the icon.
-Tick precomposed icon.
-Tick Full Screen unless you are linking to Safari.
By changing the URL you can link to different apps. Here are a few URL examples:
about:blank -Safari app (make sure Full Screen isn't ticked).
gamecenter: -Game Center app.
music: -Music app.
videos: -Videos app.
photos-redirect: -Photos app.
ibooks:// -iBooks library (if installed).
fb://profile -Facebook app on your profile.
You get the idea. Try the ones on here.
What do you think? Should Apple do something similar to the icons for the final release?
Last edited: