Icon Examples

<e-icon icon="settings" size="small"></e-icon>

<e-icon icon="settings"></e-icon>

<e-icon icon="settings" size="default"></e-icon>

<e-icon icon="settings" size="large"></e-icon>
<e-icon icon="settings" disabled></e-icon>
<e-icon icon="thumbs-up" rotation="left"></e-icon>

<e-icon icon="thumbs-up" rotation="right"></e-icon>
<div class="doc-icons">
  <div class="doc-icons__icon">
    <div style="color: var(--color-error)">
      <e-icon icon="settings" color="inherit"></e-icon>
      <code class="doc-icons__title">
        color="inherit"
      </code>
    </div>
  </div>
  <div class="doc-icons__icon">
    <e-icon icon="settings" color="highlight"></e-icon>
    <code class="doc-icons__title">
      color="highlight"
    </code>
  </div>
  <div class="doc-icons__icon">
    <e-icon icon="settings" color="success"></e-icon>
    <code class="doc-icons__title">
      color="success"
    </code>
  </div>
  <div class="doc-icons__icon">
    <e-icon icon="settings" color="error"></e-icon>
    <code class="doc-icons__title">
      color="error"
    </code>
  </div>
  <div class="doc-icons__icon">
    <e-icon icon="settings" color="info"></e-icon>
    <code class="doc-icons__title">
      color="info"
    </code>
  </div>
  <div class="doc-icons__icon">
    <e-icon icon="settings" color="warning"></e-icon>
    <code class="doc-icons__title">
      color="warning"
    </code>
  </div>
  <div class="doc-icons__icon">
    <e-icon icon="settings" color="faint"></e-icon>
    <code class="doc-icons__title">
      color="faint"
    </code>
  </div>
  <div class="doc-icons__icon e-logo">
    <e-icon icon="settings" color="white"></e-icon>
    <code class="doc-icons__title">
      color="white"
    </code>
  </div>
</div>
<e-icon icon="settings" type="table"></e-icon>
<e-icon icon="settings" type="inline" size="small"></e-icon>
<e-icon icon="question-circle" type="helper"></e-icon>