Counters With Icons
A light four counter row with tinted icon discs, large values, and hairline dividers.
A light four counter row with tinted icon discs, large values, and hairline dividers.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
Counters With Icons is a light, headingless stats row. Four counters sit side by side, each stacking a small tinted icon disc, a large value, and a one line label, with hairline dividers between columns on desktop and a two column grid on smaller screens. With no heading or panel, the row reads as a quiet factual beat between heavier sections.
The four stats are one array of icon, value, and label, so swapping a metric is an import and two strings. Icons come from lucide and the disc tint uses the primary token at low opacity, which keeps the row on brand in both themes. The grid accepts three or five entries, the dividers regenerate from the columns automatically.
Reach for this block when the page needs proof without ceremony. It is the lightest sibling in the group: no heading like metric-tiles-band, no chart like stats-with-bar-chart, no panel at all. Drop it directly under a hero to ground the promise in scale, or between two copy heavy sections as a palate cleanser. Choose dark-stat-band instead when the moment calls for emphasis rather than calm.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is platform scale and responsiveness in one sweep. A few other icon and counter sets:
Tip: pick icons that name the noun in the label, the disc is doing wayfinding, not decoration.