Create a logo for the favicon and app icon

[tarikhamilton]

This would involve updating the manifest.json and adding image assets to the public directory. I am not looking for art, just something that isn't the default one. Could be all SVG! Ideally, you'd use one of the existing colors in the Tailwind palette (if it is SVG, it'd be super easy to change as well) and the app theme/background color can be set in this PR too.

[Sunairaa]

Hey @tarikhamilton can i work on this issue? if yes can you please explain a bit more do I need to add more images and update into manifest.json file?

[tarikhamilton]

@Sunairaa Yes!

If you look at the public/manifest.json file, you'll see some objects representing the icons. Create React App gives a favicon.ico, logo192.png, and logo512.png. I believe you should be able to use a single svg image in place of all of those. That would be the most efficient and practical way. The .ico was probably kept around to support IE10, which I personally do not want to support.

You can see the images in the public folder. You may be able to delete all the images and add a single SVG. And remove the other two icons and update the remaining one to work with the new SVG.

And lastly, if you're feeling creative, there is a theme_color and background_color property in the manifest. I forgot exactly what the theme color is, but the background color gives certain Android parts (I believe the browser tab) to be colored. You could update these values to match the app.