3-in-1 Icon Morph

Summary

A clever icon animation where the signal bars, WiFi, and battery status icons seamlessly morph into a single combined WiFi symbol.

Visual description

Three solid black status icons sit in a row at the center of a flat light grey canvas: four ascending rounded signal bars, a wifi fan with a small dot, and a fully filled rounded battery with a nub on the right. They share the same weight, rounded corners and heavy fill, and are evenly spaced with large empty margins around them. There is no text and no color beyond black on grey.

Key takeaway

Draw related icons with identical stroke weight, corner radius and fill so they feel like one family and can plausibly morph into each other. Presenting them large on a neutral flat ground makes the shared geometry easy to read.

Reuse notes

Reach for this as a motion still reference. Pairs with geometric, minimal directions. Original by Apple.