Atomic Element · Free
Change one Class and every checkmark on the site turns your brand green. Use your own SVG icons, make phone and email rows clickable, and stop theme bullets appearing beside your icons. Free on Elementor Free.
The short answer
The Elementor icon list widget from Animation Addons is a free Elementor 4 Atomic Element that builds lists from real child items. Each Icon List Item holds its own SVG icon and text as separate atomic elements, so you add, reorder and style rows from the Navigator, and theme bullets never appear beside your icons.
Many "Elementor V4 compatible" addons are classic v3 widgets running inside the new editor. The Animation Addons for Elementor Icon List is a native Atomic Element, so its rows use the same Classes and Variables as your headings and buttons.
| Plan | Free |
|---|---|
| Element type | Native Elementor 4 Atomic Element (composite) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Child elements | Icon List Item (one per row) holding Svg and Paragraph; items also accept Heading and Flexbox |
| Items control | Drag to reorder, duplicate, remove and rename rows |
| Links | Set on the row's Paragraph or Heading (page URL, tel:, mailto:) |
| Markup | Real <ul> and <li> with list roles; all text in the page HTML |
| Page weight | One small stylesheet, no script |
| Animations | Each row can take Pro extensions such as Regular Animation or Parent/Child Hover |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Icon List and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
Five rows inside a pricing card. Included features have green checks; the one feature not included has a grey cross and muted text.
Three items in one row in small grey text with line icons; on phones they wrap onto two lines.
Phone, email and address rows with outline icons in a dark footer. Tapping the phone row dials on mobile; the email row opens the mail app.
tel: and mailto:; the address linked to a map page; footer text Class.Larger icons in tinted rounded squares, each beside a bold title and a one-line grey description. The icon square lifts when its row is hovered.
Two lists side by side under "What we liked" and "What could be better", green ticks on the left, red crosses on the right, stacking on mobile.
Three steps where the icon is replaced by a filled circle showing 1, 2 and 3; the rows fade in one after another on scroll.
Features
Every option below is a real control in the Icon List panel or part of how the element renders. Nothing here needs custom code.
Rows, icons and labels are atomic elements. Give icons one Class and recolour every list on the site at once, or select a single row to style it differently.
The icon is Elementor's own Svg element. Upload your brand's icon set and size it from the item's icon style.
Set a link on the row's Paragraph or Heading: a page, tel: number or mailto: address.
Items accept Heading, Paragraph, Svg and Flexbox, so a row can hold a title and description, or a number badge instead of an icon.
Many themes add bullets to every list in post content. The Icon List switches list markers off with a rule strong enough to beat typical theme CSS, while your own Style tab settings still win.
The list starts as a wrapping column. Switch direction to row for a trust bar; items wrap on small screens.
Reorder, duplicate, remove and rename rows from one panel so the Navigator stays readable.
Built on the atomic base
Why it mattersEach row is a valid target for Animation Addons Pro extensions, so rows can animate one by one.
<ul>, Items control<li>, one per rowStep by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall Animation Addons for Elementor and open a page with the Atomic Editor on.
Drag Icon List from the Animation Addons Atomic Elements onto the canvas. It drops in with three example rows.
Use the Items control to add, duplicate, reorder, remove or rename rows.
Select each row's Svg to choose its icon and its Paragraph to edit text and link.
Style the list, rows and icons with Classes; switch direction to row for a horizontal list.
Preview on tablet and mobile, then publish.
Honest comparison
Elementor's free classic Icon List is a capable widget: vertical or inline layout, icon or SVG per item, a link per item and dividers. The difference is architecture.
| Feature | Classic Elementor Icon List | Animation Addons Icon List |
|---|---|---|
| Plan | Free | Free |
| Native Elementor 4 Atomic Element (Classes, Variables, unified Style tab) | No, classic v3 widget | Yes |
| Layout | Default (vertical) or Inline | Column or row, with wrap |
| Icon | Icon library or SVG | Any SVG via Elementor's Svg element |
| Link per item | Yes | Yes, on the row's Paragraph or Heading |
| Dividers between items | Built-in (solid, double, dotted, dashed) | Style each row's border in the Style tab |
Compared with Elementor 4.3.3 (September 2026).
The classic Icon List keeps working on Elementor 4. Pick the atomic one when the rest of the page is built in the Atomic Editor and lists should share its Classes.
Who it's for
The people who get the most out of it, and what they use it for.
Turning a client's icon set into reusable feature lists.
Building pricing checklists that share one style.
Adding trust bars and clickable contact blocks on Elementor Free.
FAQ
Yes. Elementor 4 does not ship an atomic icon list to users, but Animation Addons for Elementor adds one as a free native Atomic Element. The Animation Addons Icon List appears with the other Atomic Elements, and each row is a real Icon List Item with its own SVG icon and text, styled with Classes and Variables.
Yes. In the Animation Addons Icon List, each row's text is an Elementor Paragraph (or a Heading you add), and both have a Link setting. Link a row to a page, a tel: number or a mailto: address. That is how clickable phone and email rows in footers and contact sections are built.
The Animation Addons Icon List removes list markers for you. Many themes add bullets to every list in page content, which puts dots beside your icons. The Icon List turns those markers off with a rule strong enough to beat typical theme styles, without overriding your own Style tab settings.
Select the Animation Addons Icon List, open the Style tab and change the layout direction from column to row, then set a gap. Wrapping is already on, so on narrow phones the items flow onto a second line instead of overflowing the screen. You can keep the column layout on mobile only.
The Animation Addons Icon List loads one small stylesheet and no script. It renders a real <ul> with <li> rows and list roles, and all row text sits in the page HTML, so screen readers announce it as a list and search engines read every item. Use optimised SVG files for icons.
Yes. Each Animation Addons Icon List row uses Elementor's own Svg element as its icon. Upload an SVG or pick one from the Media Library. To set size and colour for every row at once, give the icons one Class and style that Class once.
Yes, with Animation Addons Pro. Each Animation Addons Icon List Item is a valid target for Pro extensions such as Regular Animation, so rows can fade or slide in one after another as the visitor scrolls. Parent/Child Hover can react when someone hovers a row.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Icon List on the same page or template.
A free, native Elementor 4 icon list with your own icons and clickable rows.