ARN Icon Heading is a Vendix Free Elementor widget that puts a small graphic beside a heading. The graphic can be an icon or an image, or in Vendix Pro a Lottie animation or an SVG drawn line by line, and the whole heading can be a link.
Free · Content & Layout · All widgets
Each example below is the same widget with a different Graphic Type setting.
An icon from the icon library sits before the heading text, 28 px wide by default.
An image fills the graphic box, here placed above the heading.
Plan the whole launch on one board
A Lottie animation plays in the graphic box when the heading comes into view. This graphic type is part of Vendix Pro.
The icon is drawn as a line once it comes into view, and filled shapes are filled in at the end. This graphic type is part of Vendix Pro.
- Needs: Vendix Pro and a Lottie .json or .lottie file of up to 5 MB for the Lottie animation, from the Media Library or an external address that allows cross-origin requests.
- Graphic position: Start, Top or End of the heading; alignment and the gap between graphic and text are set separately.
- Heading: the title text with a manual line break on Enter, and an HTML tag from H1 to H6, div or span (H3 by default).
- Link and hover: a link turns the graphic and the text into one link; the text and the icon each have a hover color.
- Animation (Pro): a Lottie plays when visible, on page load or on hover, with loop, speed and direction. A drawn SVG draws once when visible or again on every hover, and can use pasted SVG code instead of the icon.
- Graphic box: size, padding, border, corner radius and a plain or gradient background behind the graphic.
Reviewed against Vendix Pro 1.13.0 · Last updated 21 October 2026