Appbot Logo

Colors of an app icon - 2022 edition

Published 1st November, 2022 by Stuart Hall Colors of an app icon - 2022 edition diagramBack in 2015 I investigated the use of app icon colors. More than 70,000 people read that post. Over the years several people have asked for an update to see if anything has changed.

In this guide we will cover:

Monitor Icon

Want to see feedback on your icon in your app reviews?

Try Appbot free now, no credit card needed →
Top 200 free GP app icon colors

The Analysis Technique

Refinements from the previous study

There were several flaws with my investigation 7 years ago that I was never happy with.

  1. I completely ignored white and black app icons
  2. Icons were still plotted on the color wheel even if they had no dominant colors

Color Groupings

This time around I decided to just focus on the main dominant color in each icon. I also decided to group them into 4 categories:

  1. Mainly white icons
  2. Mainly black icons
  3. Other icons with at least one dominant color (>25% of the image) to show on the color wheel
  4. Mixed icons (no one color is 25% of the icon)

Limitations of the analysis

There are a few spots where the analysis falls down:

  1. Gradients - the algorithm see multiple colors, so won't detect these well
  2. Transparency - Google Play icons can be transparent. I've assumed white background in these cases
  3. Multiple icons - this analysis only looks at the default icon

iOS app icon colors

I looked at the top charts (free, paid and grossing) for iOS in early September 2022. Interestingly, the results did vary.

Top 200 Free iOS Apps

The top free charts contain a lot of white icons. Google loves a white icon. Some of the 'newer' social networks like TikTok and BeReal have black icons. There's a pretty even spread through the usual suspects of red, green and blue.

Top 200 free iOS app icon colors

Top 200 Paid iOS Apps

Paid apps have noticeably fewer white icons but a similar representation of black icons. There are a lot more 'mixed' icons without a dominant color, mainly due to more games being represented. There's a real wasteland in pink for paid apps.

Top 200 paid iOS app icon colors

Top 200 Grossing iOS Apps

The top grossing charts continue the trends of the top paid apps. However, due to the domination of games in the top-grossing charts, there are even more 'mixed' icons.

Top 200 grossing iOS app icon colors

Google Play app icon colors

I also looked at the top charts (free, paid and grossing) for Google Play.

Top 200 Free Google Play Apps

The free charts on Google Play look very similar to iOS. Unsurprisingly, many apps are the same with the same icon. There's a similar number of white, black and mixed icons.

Top 200 free GP app icon colors

Top 200 Paid Google Play Apps

Again this chart is similar to iOS. There are slightly more black icons on Google Play. However, there appears to be much less green in use.

Top 200 paid GP app icon colors

Top 200 Grossing Google Play Apps

Again, the top-grossing chart is similar to iOS. It is very game-dominated so we see a lot of mixed icons.

Top 200 grossing GP app icon colors

Key takeaways

Monitor Icon

Want to see feedback on your icon in your app reviews?

Try Appbot free now, no credit card needed →

Where to from here?



About The Author

stu

Stuart is Co-founder & Co-CEO of Appbot. Stuart has been involved in mobile as a developer, blogger and entrepreneur since the early days of the App Store. He built the 7 Minute Workout app in one night and blogged the story of growing the app to 2.3 million downloads before exiting to a large fitness device company. Previously he was the co-founder of the Discovr series of applications which achieved over 4 million downloads. You can connect with him on LinkedIn.


Enjoying the read? Check out our more recent posts

A/B testing app icons in App Store Connect with Product Page Optimizations A/B testing app icons in App Store Connect with Product Page Optimizations

App Store Connect has great A/B testing capabilities for screenshots and icons. Testing screenshots is very straightforward, but icons take a bit more work.

Writing a great App Store description - 2024 template

Write an effective app description in 2024. We analyzed 2100 top charting apps to provide you with app description examples, and a practical app description template.

Mobile app growth strategy - The definitive guide

Master the art of mobile app growth hacking with this definitive guide. Explore 5 key areas: Market, Storytelling, Capturing the Market, Downloads & Conversions.

Implement your Voice of the Customer strategy in 10 steps

Creating a Voice of the Customer strategy from scratch can feel daunting. We have broken the process down into a simple, 10-step approach to help you get started today.

Ready to better understand your apps?

Quick setupFree for 14 daysNo credit card required