Stacked icons

Parameters:

  • stack_size – size of stack, allowed values: “lg”, “1”, “2”, “3”, “4”, “5”
  • icon_1_name – icon name from Font Awesome, for example: “fa-circle”
  • icon_1_color – color of icon, for example: “#b44a2d”
  • icon_1_size – size of icon, allowed values: “lg”, “1”, “2”, “3”, “4”, “5”
  • icon_2_name – icon name from Font Awesome, for example: “fa-thumbs-up”
  • icon_2_color – color of icon, for example: “#ffffff”
  • icon_2_size – size of icon, allowed values: “lg”, “1”, “2”, “3”, “4”, “5”

Exemplary usage:

[stacked_icons stack_size="lg" icon_1_name="fa-circle" icon_1_color="#b44a2d" icon_1_size="2" icon_2_name="fa-thumbs-up" icon_2_color="#ffffff" icon_2_size="1"]

See also demo of stacked icons shortcode. In full download package (Dummy data/shortcodes-pages/icons.html) you can find the file with shortcodes we used to create demo page.

Did you know...

You can use stacked icons element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.