Instacart app icon opening into a cart counter

Summary

An app icon transition where the carrot mark flattens into a shopping cart glyph as the icon opens into a live product screen, then the cart badge ticks up.

Visual description

The field is a deep forest green. A cream rounded square sits centred, holding an orange teardrop carrot body under a bright green sprout drawn as a short downward arrow. The square stretches wider into a rounded rectangle carrying a phone status bar, and in the same beat the carrot body squashes down into a low half-round with a thin orange line beneath it, so the mark now reads as goods sitting in a cart. The rectangle then scales up past the frame edges into a full product screen: a cream page with 12:30 at top left, signal, wifi and battery glyphs in dark green at top right, and a solid orange pill in the upper right holding a white carrot-in-basket glyph. A numeral appears inside the pill and counts 1, 2, 3, 4, 5. Filling the lower half is the top of a pink soda can with a brushed silver rim and an italic serif "Raspberry Rose" wordmark wrapping around it in a deeper pink.

Key takeaway

The same shape does three jobs in one loop: brand mark, app icon and interface control. Squashing the carrot into the cart glyph makes the identity and the core product action literally the same drawing, and the sprout doubles as a downward arrow so the whole thing reads as delivery arriving.

Reuse notes

A good reference for consumer app identities where the mark has to earn a place inside the UI rather than just sit on the splash screen. The count-up badge communicates the product benefit with no copy at all. The cream panel needs a saturated dark ground to read, and the photographic can is doing real work in the composition, so plan for a product shot of similar quality.