Available icons:

(Hover to see icon name)

```js
<div style="display: flex; flex-wrap: wrap">
  <BaseIcon
    style="height: 24px; margin: 8px;"
    name="archive-arrow"
    title="archive-arrow"
  />
  <BaseIcon
    style="height: 24px; margin: 8px;"
    name="archive-sheets"
    title="archive-sheets"
  />
  <BaseIcon
    style="height: 24px; margin: 8px;"
    name="arrow-left"
    title="arrow-left"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="attention"
    title="attention"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="calendar-many"
    title="calendar-many"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="calendar-number"
    title="calendar-number"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="camera"
    title="camera"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="check-mark"
    title="check-mark"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="clock"
    title="clock"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="drop-down"
    title="drop-down"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="eye"
    title="eye"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="licence"
    title="licence"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="logo"
    title="logo"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="magnifier"
    title="magnifier"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="people"
    title="people"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="plus"
    title="plus"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="remove"
    title="remove"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="save-file"
    title="save-file"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="add-new-object"
    title="add-new-object"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="waste-bin"
    title="waste-bin"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="attachment"
    title="attachment"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="drag-lines"
    title="drag-lines"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="download"
    title="download"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="duplicate"
    title="duplicate"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="forbidden"
    title="forbidden"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="information"
    title="information"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="sort"
    title="sort"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="success"
    title="success"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="text"
    title="text"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="drag-n-drop"
    title="drag-n-drop"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="eye-hide"
    title="eye-hide"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="edit"
    title="edit"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="options-menu"
    title="options-menu"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="collection"
    title="collection"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="add-existing-collection"
    title="add-existing-collection"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="add-existing-object"
    title="add-existing-object"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="add-new-collection"
    title="add-new-collection"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="archive-arrow"
    title="archive-arrow"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="archive-empty"
    title="archive-empty"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="archive-sheets"
    title="archive-sheets"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="audio-object"
    title="audio-object"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="file-object"
    title="file-object"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="image-object"
    title="image-object"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="video-object"
    title="video-object"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="next"
    title="next"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="prev"
    title="prev"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="play"
    title="play"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="print"
    title="print"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="share"
    title="share"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="subscribe"
    title="subscribe"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="unsubscribe"
    title="unsubscribe"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="home"
    title="home"
  />
  <BaseIcon
    style="height: 24px;  margin: 8px;"
    name="refresh"
    title="refresh"
  />
</div>

```
