An icon or image with a heading, text, and an optional link or button. Great for feature grids and service lists.
Icon Box is the workhorse of feature sections: an icon or image, a heading, a short line of text, and an optional link or button. Every box on this page is rendered live by the element itself.
Live demo: classic centered grid
Fast by default
Only the CSS and JS a page really uses are loaded, so speed scores stay where you want them.
Simple to place
Drop it into any row, pick an icon, write two lines, and the box takes care of the rest.
Made to combine
Line up three or four boxes and you have a feature section that looks designed on purpose.
Live demo: icon left, corner badges
Pro
Priority support
Pro customers get answers from the developers, usually within a working day.
Free
Free forever core
Seven elements stay free for as long as you use them, on any site.
What you can control
Icon or image media, with size, padding, radius, and border controls
Icon position: top, left, or right of the content
Optional link on the whole box, the title, or a styled button
A small badge (like New or Pro) pinned to any corner
Hover colors for the icon and the title
Per-device spacing through the Responsive tab
Where it works well
Feature grids
Three or four boxes under the hero to explain what your product does.
Service listings
Agencies use icon boxes to present each service with a link to its page.
Step by step
Number the icons and boxes become a lightweight how-it-works section.
