Use Icon block to visually illustrate product features, service benefits, or other important information. Compact icons clarify ideas, save space, and add an attractive accent to your text content.
To add Icon block, click the Add item button (plus icon ➕) under the Section header or any Section of section that has this block (such as: Featured collection section)
Once the Icon block is added, you can customize its settings in the left or right-hand sidebar (depending on your screen size)
If all three options - Icon, Custom image icon and Custom SVG icon - are added, the priority order will be: Custom SVG icon > Custom image icon > Icon
Icon: Select an icon from the available library to display, enhancing visual appeal and conveying messages quickly.
Custom image icon: Upload your own custom image icon, enabling personalization and brand alignment.
Custom SVG icon: Use SVG icons from libraries like Remixicon or Tabler Icons, ensuring sharp image quality and scalability.
Icon height: Adjust the icon height on desktop screens, controlling the display size.
Tablet icon height: Adjust the icon height on tablet screens, optimizing display for this device.
Mobile icon height: Adjust the icon height on mobile phone screens, ensuring the icon displays appropriately on small screens.
Color: Select the color for the text, distinguishing between primary and secondary colors to match the design.
How to get an SVG icon?
Step 1: Click the link Get a svg remixicon, or tabler icons under Custom SVG icon option
Step 2: Search icon you want > Click the icon > click Copy SVG button
Step 3: Go back to theme customize and paste SVG icon into the field
