Skip to main content




the Icon widget is useful for displaying FontAwesome icons in numerous styles on your page.



There are 3 different views for the widget: Default, Piled upand Framed.
Yes Default view is chosen, the following options are available:

Content

  1. Icon: Choose from a list of Font Awesome icons
  2. Watch: Choose from Default, Stacked, or Framed
  3. Link: Introduzca la Url del enlace del elemento. Haga clic en el Link options tooth file-caf733zaof-2425755 para agregar rel = nofollow al enlace o para abrir el enlace en una nueva ventana.
  4. Alignment: Aligns the icon to the left, center, or right.

Style

Icon

Normal

  1. Primary: Choose the primary and secondary colors for the icon
  2. Size: Increase or decrease the icon size
  3. To turn: Turn the icon

Float up

  1. Primary color: Sets colors for scrolling
  2. Scrolling animation: Set any animation for hover state
  3. Size: Sets the exact size of the icon
  4. To turn: Rotate the icon up to 360 degrees

Yes Piled up or Framed view is chosen, the following options are available:

Content

  1. Icon: Choose from a list of Font Awesome icons
  2. Watch: Choose from Default, Stacked, or Framed
  3. Shape: Elija la forma de la pila o el marco, ya be círculo o cuadrado
  4. Link: Enter the URL of the item's link. Click on the Link options tooth file-caf733zaof-2425755 to add rel = nofollow to the link or to open the link in a new window.
  5. Alignment: Aligns the icon to the left, center, or right.

Style

Icon

Normal

  1. Primary color: Choose the primary color (background or frame) for the icon
  2. Secondary color: Choose the secondary color, which is the color of the icon itself
  3. Filling: Sets the padding around the icon to control the size of the stack or frame
  4. Size: Sets the icon size.
  5. To turn: Rotate the icon up to 360 degrees
  6. Edge radius: Sets the radius of the border to control the roundness of the corners of the stack or frame

Float up

  1. Primary color: Choose the primary color (background or frame) for the icon
  2. Secondary color: Choose the secondary color, which is the color of the icon itself
  3. Scrolling animation: Choose an animation effect when hovering over the icon, such as Grow, Tap, Tilt, etc.
  4. Filling: Sets the padding around the icon to control the size of the stack or frame
  5. Size: Sets the icon size.
  6. To turn: Rotate the icon up to 360 degrees
  7. Edge radius: Sets the radius of the border to control the roundness of the corners of the stack or frame