Use the `sd-list--horizontal` class to set the axis of the list displaying content icons to horizontal. Please be aware that this option is only available for the icon variant.

```html
<div class="flex flex-row justify-around items-center">
  <ul class="sd-list--icon sd-list">
    <li>
      <sd-icon name="content/image"></sd-icon>
      Vertical list
    </li>
    <li>
      <sd-icon name="content/image"></sd-icon>
      Vertical list
    </li>
    <li>
      <sd-icon name="content/image"></sd-icon>
      Vertical list
    </li>
  </ul>
  <ul class="sd-list--icon sd-list--horizontal sd-list">
    <li>
      <sd-icon name="content/image"></sd-icon>
      Horizontal list
    </li>
    <li>
      <sd-icon name="content/image"></sd-icon>
      Horizontal list
    </li>
    <li>
      <sd-icon name="content/image"></sd-icon>
      Horizontal list
    </li>
  </ul>
</div>
```