Avantree Iconography System
Avantree
2023
80+
icons delivered
100%
grid consistency
5+
multi-channel use
Objective
Create a unified icon library that could work seamlessly across Avantree’s packaging, e-commerce, and marketing channels. The system needed to make advanced product features — like ANC, Auracast™, and aptX™ — instantly recognizable while staying scalable for Amazon, web, and print applications.
Solution
Built a system of 80+ icons covering features (ANC, aptX™, Auracast, battery, Bluetooth, etc.), devices (TV, console, laptop, mobile), and interactions (volume, setup, connectivity). Each icon followed strict rules:
Grid: 32×32 px base grid with 3 px safe area
Sizes: 16, 24, 32, and 64 px variants
Stroke: 0.5–2 px, applied proportionally
Corner radius: 4 px for scalability
Exported as SVGs for crisp delivery across digital platforms
Integrated these into Amazon visuals, product feature callouts, and marketing assets to improve clarity and consistency across channels.
Outcomes
The iconography system gave Avantree a consistent and flexible way to communicate product features across packaging, e-commerce, and marketing. Shoppers could now recognize key technologies and functions instantly, improving product clarity and purchase confidence. By establishing grid rules and scalable guidelines, the system continues to evolve with new products while maintaining brand consistency across all touchpoints.