# Icon column

Choose from a rich set of modern icons or add your own.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2FQDX0zTYSaf56JJ8mAQ85%2Fimage.png?alt=media&#x26;token=2c043355-8e20-43ab-a327-2461defe825c" alt="accordion section icon column"><figcaption></figcaption></figure>

<table><thead><tr><th width="136.77777099609375">Settings</th><th width="110.86370849609375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Icon
</td><td align="center"><code>select</code>
</td><td>Choose from a predefined list of themed icons.</td></tr><tr><td>Size
</td><td align="center"><code>range</code>
</td><td>Adjusts the icon size.</td></tr><tr><td>Icon color</td><td align="center"><code>color</code>
</td><td>Set a custom color for the icon.</td></tr><tr><td>Heading
</td><td align="center"><code>text</code>
</td><td>Title displayed beside or below the icon.</td></tr><tr><td>Heading size</td><td align="center"><code>select</code>
</td><td>Controls the font size of the heading: <code>Mini</code>,<code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code>.</td></tr><tr><td>Icon alignment</td><td align="center"><code>select</code>
</td><td>Position of the icon: <code>Left</code> or <code>Center</code>.</td></tr><tr><td>Text
</td><td align="center"><code>richtext</code>
</td><td>Descriptive text beneath the heading.</td></tr><tr><td>Text alignment</td><td align="center"><code>select</code>
</td><td>Align text: <code>Left</code> or <code>Centered</code> .</td></tr></tbody></table>