IconHub is an exploratory design tool and app icon library built to analyze colors, brightness, and visual styles across 15,864 real app icons.
Created as a free, public resource for designers and indie developers, it breaks down logos into their dominant color palettes, computes color distance mathematically, and suggests visually similar icons to help creators build moodboards and spot branding trends.
Key Features
- 15,800+ App Icons: Extensive collection of curated real-world application icons.
- Color & Palette Breakdown: Extracts dominant colors, saturation groups, and brightness values for every icon.
- Visual Similarity Search: Computes mathematical color distances to recommend similar icons and aesthetics.
- Instant Palette Copying: One-click copying of exact HEX color codes for design tools and moodboards.
- Fast Edge Delivery: Deployed on Cloudflare Workers for instant search and global caching.
- 100% Free and Non-Commercial: Built to learn and share with the design community without ads or paywalls.
Why I Built This
I wanted to explore how color theory and mathematical similarity apply to modern brand identities. By calculating color distribution across thousands of icons, IconHub makes it easy to see how slight shifts in tone, saturation, and contrast shape the personality of mobile and desktop software.
Tech Stack
- Platform: Cloudflare Workers, Edge Runtime
- Frontend: Lightweight HTML/CSS and TypeScript
- Analysis: Color space distance calculation, dominant color extraction