# 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>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><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>Heading</td><td>Enter text to display as a title in 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></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FgcTlfllZGf2wQkZA0r69%2Ficon-with-feature.png?alt=media&#x26;token=d5ebfe3d-d3b6-44b3-81e9-99521e772128" 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="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FuSCMQBdQjOWqzb80QD9x%2Ficon-with-feature-block.png?alt=media&#x26;token=1a05413d-dd2e-4101-a56a-32830976fb76" alt=""><figcaption></figcaption></figure>
