iOS
An App Icon is a unique image added to every mobile application. It's displayed on the App Store as well as the home screen.
App icons should be as simple as possible and contain no text so they would look as good as possible even on small screens.
You can design your own icon using Figma, Sketch any other preferred design tool.
To add an app icon to iOS, you need a 1024 x 1024px image.
In the interest of speed, I've created an app icon for us to use:
Next, open your project in Xcode, and on the file tree on the left navigate to folder -> MoodTracker -> MoodTracker -> Images.scassets -> AppIcon
You can see that the App Icon placeholder is already there and it also shows you what size icons are required.
We could of course manually export our icon using all these sizes, but a faster way is to use a tool for it.
I usually use Iconizer which is a free tool for creating iOS icons for all the required sizes.
In the interest of speed, I've already created the icon set for us to use. You can download it here.
After you've downloaded and unzipped the icon set, go back to Xcode and delete the AppIcon template by clicking on it and clicking the minus button below and drag and drop the whole AppIcon folder to the Images section in XCode.
Note you can also drag and drop the images manually if need be.
Now, close your iOS simulator completely by right clicking on the simulator icon on your menu bar and choosing Quit. The ensures that any old icons are not cached on the simulator.
While we're already in Xcode, let's also update the app name. Under "Display Name", you can update the name on the home screen, e.g. "Mood"
Finally, rebuild the app from XCode.
