Icon boxes come in very handy when building websites using Spectra. The Icon block in Spectra allows you to decorate your content with stylish icons. You can choose from thousands of icons available. You can make use of these icons for sections that list features of products or services. Additionally, you can access different color settings such as simple, gradient, and multicolor.
Icon Block in Spectra
While designing eye-catchy web pages, icons are the small things that have an extraordinary effect. They are now an integral part of web design. Integrating icons into your web design can make content visually appealing, and also helps highlight key features. It increases the conversion rate of visitors to readers and also helps in converting them into customers.
Using the Icon block in Spectra, you now have access to over 3000 amazing icons. Using this block, you can create an easy-to-manage list of items, with each item highlighted by its own icon.
General Settings in Icon block
Presets: For the chosen icon, you can select the Preset of your choice here.
Icon:
- You can select the icon of your choice from the Icon Library here. Icon Library is the place where you can search for icons related to various modules like Brands, Business, Communication, Design, Education, Lifestyle, and many more.
- You can set the icon size, alignment, rotation, and links.

Styling Options for Icon block
- You can choose the icon’s color, and the icon’s hover state color.
- You can access different color settings such as simple, gradient, and multicolor.
- You can also have the option to set the drop shadow, box shadow, preset.

Recommended Articles
Using Spectra Heading Block
Buttons