Icon Blocks
Tailwind CSS icon blocks with feature highlights, contact links, and service cards for marketing pages.
Small icon-and-text blocks repeat in a centered row with even spacing between items.
Icon cards repeat in a multi-column grid, with each card keeping the icon above a short text stack.
Icon tiles line up in one row, each with a short heading and one supporting line.
Icon-and-text pairs repeat in two columns, with the accent color held on the icon instead of the card.
Three linked icon blocks sit in one row, each combining an icon, text stack, and trailing arrow.
Small icon-and-text pairs sit in one left-aligned row with tight spacing between items.
Each contact method is its own linked block, with the icon and text stack kept together in one row.
Icon cards repeat in a grid, with filled icon shapes and a background change on hover.
Each icon block sits inside its own bordered card, with the gradient held on the outer frame.
Cards are offset vertically in one group, so the icon blocks read as a staggered stack.
Square bordered cards repeat in a grid, with the icon centered above a short text stack.
Simple icon blocks repeat in a grid, with the card background changing on hover.
Each item keeps the icon and text in one left-aligned row, with the copy stacked to the side.
Each icon block stacks the icon above the text in one centered column.
A larger text column sits beside a smaller icon grid in a split two-column section.
A medium-width intro block sits next to a denser icon grid with smaller supporting items.
Icon-and-text pairs repeat in two balanced columns with equal spacing between items.