Use the `sd-list--inverted` class when displayed on primary background.

```html
<div class="bg-primary p-4">
  <ul class="sd-list--icon sd-list sd-list--inverted">
    <li>
      <sd-icon name="content/image"></sd-icon>
      Icon list inverted
    </li>
    <li>
      <sd-icon name="content/image"></sd-icon>
      Icon list inverted
    </li>
    <li>
      <sd-icon name="content/image"></sd-icon>
      Icon list inverted
    </li>
  </ul>
</div>
```