google-site-verification=Ls9KcWrF2YZT7kMIaBSLGLUrYl--Png3qoN53OOo4WM Icon List - Spectra

No results found. Try again with different words?

Search must be at least 3 characters.

Icon List

This block allows you to place an image or icon in a list format. You can add a link to the individual icon and display a nice icon list. Have a look at the demo here.

Key Features –

  • Image / Icon selector
  • Spacing Options
  • Colors for label and icon

Image / Icon Selector

In the Block Editor, click on the + to add the ‘Icons List’ from the Spectra blocks. After adding the block, you can select the Preset of your choice under General settings. Also, you can select the icon of your choice from the available options in the dropdown.

By clicking the list item, you can see the setting tab for each list item. Under every Icon Settings tab, you will get an option to choose an icon or image. For both icons and images, a URL option is available. The size of the icon/image can be managed from the General tab.

Vertical/ Horizontal Layout

Under the General tab, Layout can be selected as horizontal or verticle.

Colors for label and icon

Under every icon setting tab, color options are available for Icon Color, Hover Color, Label Color, and Label Hover Color.

Spacing Options

From the General tab, space can be managed for icon list.

Was this article helpful?

Did not find a solution? We are here to help you succeed.

Build Ultra High performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get your hands on Spectra pro

Enter your name and email address and be the first to learn about updates and new features.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.