> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/flute-documentation/sections/icons-with-feature.md).

# Icons with feature

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

You can add icons with feature to clearly define features or policies in your store.

<table><thead><tr><th width="279">Section</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td><p>Customization of the "Layout" in this section is as follows:</p><ul><li>Grid</li><li>Compact</li></ul></td></tr><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Description</td><td>Enter text to display as a description in the section.</td></tr><tr><td>Enable top border of section</td><td>Toggle this option to display a border at the top of the section.</td></tr><tr><td>Enable bottom border of section</td><td>Toggle this option to display a border at the bottom of the section.</td></tr><tr><td>Font size</td><td>Adjust the font size for the text displayed under each icon.</td></tr><tr><td>Enable border separator</td><td>Toggle this to show vertical borders between each block.</td></tr><tr><td>Spacing around blocks</td><td>Adjust the space between individual icon blocks for better layout control.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr></tbody></table>

<figure><img src="/files/VPUDARkIpbraSIHkBgCf" alt=""><figcaption></figcaption></figure>

## **Add Text**

Click on "**Add Text**" and its customization is as follows.

<table><thead><tr><th width="193">Block</th><th>Description</th></tr></thead><tbody><tr><td>Description</td><td>Add short text that describes the feature. This text appears below or beside the icon</td></tr><tr><td>Icon</td><td><strong>Custom svg code</strong><br>Paste your SVG code here to use a custom icon.<br><br><strong>Width</strong><br>Adjust the size of the SVG icon using a pixel value slider.</td></tr></tbody></table>

<figure><img src="/files/crn0xkP9v3IRIryTgtmA" alt=""><figcaption></figcaption></figure>