With the Icon Box module you can work with more than 600+ icons from the most famous free icon libraries.
The options list overview:
- Icon position: Use this option to specify where the icon will be positioned inside the module.
- Layout display: Use this option to specify the display mode.
- Icon: Use this option to select an icon from 600+ icons.
- Media icon: Use this option to specify a media icon from the media library.
- Icon color: Use this option to specify the icon color.
- Icon background style: Use this option to specify an icon’s background style.
- Icon Outlined: Outlined icon doesn't have a full background color.
- Icon Animated: Activate the animation effect.
- Icon Shadow: Icon shadow.
- Icon size: Use this option to specify an icon’s size.
- Title: Use this option to insert the heading main text.
- Title semantic: Use this option to specify the element tag (h1-h6)
- Title size: Use this option to specify the title size.
- Title font family: Use this option to specify the title font family.
- Title weight: Use this option to specify the title weight.
- Title line height: Use this option to specify the text line height.
- Title letter spacing: Use this option to specify the letter spacing.
- Text: This is where to insert the text associated with the icon.
- Reduce text top space: Activate this command if you need to reduce the text top margin.
- URL (Link): Use this option if you want to add a link to an icon.
- Link text: Use this option if you wish to add a text link if you wish, this will be added under the text.
- Media lightbox: This adds a media from the lightbox.
Custom icons
To work with custom icons in SVG format you can easily upload in the media uploader field of the module, you can also use the simple images as icons.
Animated icons
If you need to create animated icons you just need to upload an SVG icon into your Media Library, set the “Animated” option in the sidebar options panel and use in the Media option of the Icon Box. Download for free (from the Clone or Download button) and use the icons you’ll find in the folders named “_SVG”: https://github.com/linea-io/Linea-Iconset
The Creative Studio and Classic Consultants pages use animated icons that are part of the Linea.io icon set, please download from here.
Comments
0 comments
Article is closed for comments.