Icon List

You can take any of the over 350 included icons and use them to create engaging lists using the Icon List shortcode. Because these are icon fonts, they will look pixel perfect no matter what size you make them.

  • This…
  • …is…
  • …a…
  • …super…
  • …rad…
  • …icon…
  • …list!

  • This…
  • …is…
  • …a…
  • …super…
  • …rad…
  • …icon…
  • …list!

  • This…
  • …is…
  • …a…
  • …super…
  • …rad…
  • …icon…
  • …list!

  • Add inline styles if you want.
  • Select different icons for each list item.
  • The possibilities are endless!

  • Add inline styles if you want.
  • Select different icons for each list item.
  • The possibilities are endless!

  • Add inline styles if you want.
  • Select different icons for each list item.
  • The possibilities are endless!

Code

[icon_list] [icon_list_item type="arrow-right"]This is...[/icon_list_item] [icon_list_item type="bullseye"]...a super rad...[/icon_list_item] [icon_list_item type="play-circle"]...icon list![/icon_list_item] [/icon_list]
[icon_list style="font-size:24px;"] [icon_list_item type="arrow-right"]This is...[/icon_list_item] [icon_list_item type="bullseye"]...a super rad...[/icon_list_item] [icon_list_item type="play-circle"]...icon list![/icon_list_item] [/icon_list]
[icon_list style="font-size:64px; color:#ffba00; margin-bottom:0;"] [icon_list_item type="arrow-right"]This is...[/icon_list_item] [icon_list_item type="bullseye"]...a super rad...[/icon_list_item] [icon_list_item type="play-circle"]...icon list![/icon_list_item] [/icon_list]
[icon_list] [icon_list_item style="color: green;" type="check"]Add inline styles if you want.[/icon_list_item] [icon_list_item style="color: green;" type="check"]Select different icons for each list item.[/icon_list_item] [icon_list_item style="color: red;" type="times"]The possibilities are endless![/icon_list_item] [/icon_list]
[icon_list style="font-size:24px;"] [icon_list_item style="color: green;" type="check"]Add inline styles if you want.[/icon_list_item] [icon_list_item style="color: green;" type="check"]Select different icons for each list item.[/icon_list_item] [icon_list_item style="color: red;" type="times"]The possibilities are endless![/icon_list_item] [/icon_list]
[icon_list style="font-size:64px;"] [icon_list_item style="color: green;" type="check"]Add inline styles if you want.[/icon_list_item] [icon_list_item style="color: green;" type="check"]Select different icons for each list item.[/icon_list_item] [icon_list_item style="color: red;" type="times"]The possibilities are endless![/icon_list_item] [/icon_list]

Icon List Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.

Icon List Item Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.
  • type: enter in the unique identifier of the icon you want to use for your bullet.