Icon Widget

The Icon widget allows you to add an icon to the section grid or as a child element to a parent widget container such as Carousel, Grid or Flex (Fig 1). 


Fig 1



The Icon widget has three menus:

  • General
  • Style
  • Hover

General menu

The General menu for the Icon widget contains two features (Fig 2):

Fig 2


  • The Change Icon feature brings up a modal, that contains two folders, each with a "search" bar feature to assist in finding the preferred icon (Fig 3).

Fig 3

  • The custom folder is reserved for icon libraries and icons added by PeerPoint .
  • The fontawesome folder contains a large library of free-use icons provided by Font Awesome, and is the default folder that you will see (Fig 4).

Fig 4

  • Link Action lets you add a link to the icon when a user clicks on it. 

Style menu

The Style menu is similar to the general Style menu, but also contains additional features: 

  • The Icon Size  feature is used to increase or decrease the size of the icon (Fig 6). The icon size is limited to the maximum size of its container. 

Fig 6

  • The Icon Color feature allows you to change the color of the icon by use of a popup color picker (Fig 7).

Fig 7

Hover menu

The Icon Hover menu allows you to create a different style for the icon when a viewer moves their cursor over it in the browser.