To locate the Icons Library, go to the Left Sidebar and click on the Icons Tab. The tab will be highlighted and open the Icons Panel.

The icons library contains several icon sets such as Actions, Social, Places, Notification, etc. And for each set, it has variety icons.

Search icons and add them to the page

Browse icons library

Navigate to left Sidebar and click on Icons tab.

At the top of the panel, you will see the Icon search box and the filter icon next to the box.

As you scroll down, you will see several icon sets grouped in categories. They are collapsible and can be shown or hidden by clicking on a category name.

Search Icon

To search icons, enter an icon name or a partial of icon name. The matched results will displayed accordingly.

Filter Icon Categories

Next to the search box is the category filter icon. Select the desired categories to narrow down the icons to be browsed.

Add Icons to the page

In order to add an icon to a page, from the Icon library panel, drag and drop that icon onto the page.

Duplicate icons

There are 2 ways to duplicate an icon

  • Right click on the icon and select Duplicate on the Menu context

  • Use Ctrl/Cmd + D hotkey

Format and Style icons

Format and style an icon is similar to other elements/objects.

Format Panel

Clicking on an icon to show the Format panel in the left side. It will be hidden when you click to outside objects.

Size and Scale

On the page, use the resize/scale handles to change the size of the selected icon.

In the format panel, use width, height and scale inputs for precise values, and use the arrow buttons to adjust these values incrementally.

Position

On the page, select an object and drag it a desired position.

In the Format panel, set the object’s position by entering exact x, y in the input fields. You can also use the arrow buttons to change the coordinates incrementally.

Rotate

On the page, select an icon and click on the rotate handle at the top of the object, then drag the handle to rotate.

In the Format panel, enter the degree value in the Rotate input filed. You can change the value by using arrow buttons.

Flip

You can flip an icon both horizontally and vertically

On the page, use resize handle and drag it across the centerline of that icon to resize and flip. It is possible for both horizontal and vertical flip.

In the Format panel, simple click on horizontal flip or vertical flip to flip the selected icon.

Change icon color

To change color icon, go to background section and click on Color to open the Color picker

From the color picker, you can:

  • Select your desired color

  • Enter a hex value for a color

  • Adjust RBG values

  • Adjust the color opacity

You can also change the object opacity directly by using Opacity slider or enter opacity percentage value in the Background section.

Border

Go to border section to update border width, color and corner radius.

 

Open color picker by clicking on Color field

From the color picker, you can:

  • Select your desired color

  • Enter a hex value for a color

  • Adjust RBG values

  • Adjust the color opacity

Stroke dash and stroke width

Shadow

Go to shadow section to add shadow to your selected object

There are 5 options to choose in the position drop down list

  • All - Add shadow to all the edges

  • Top - Add shadow to the top edge

  • Bottom - Add shadow to the bottom edge

  • Left - Add shadow to the left edge

  • Right - Add shadow to the right edge