Icon Examples
<e-icon icon="cog"></e-icon>[size=small], [size=default], [size=large]
<e-icon icon="cog" size="small"></e-icon>
<e-icon icon="cog"></e-icon>
<e-icon icon="cog" size="default"></e-icon>
<e-icon icon="cog" size="large"></e-icon>[disabled]
<e-icon icon="cog" disabled></e-icon>[rotation=left], [rotation=right]
<e-icon icon="e-thumbs-up" rotation="left"></e-icon>
<e-icon icon="e-thumbs-up" rotation="right"></e-icon><div class="doc-icons">
<div class="doc-icons__icon">
<div style="color: var(--color-error)">
<e-icon icon="cog" color="inherit"></e-icon>
<code class="doc-icons__title">
color="inherit"
</code>
</div>
</div>
<div class="doc-icons__icon">
<e-icon icon="cog" color="highlight"></e-icon>
<code class="doc-icons__title">
color="highlight"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="cog" color="success"></e-icon>
<code class="doc-icons__title">
color="success"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="cog" color="error"></e-icon>
<code class="doc-icons__title">
color="error"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="cog" color="info"></e-icon>
<code class="doc-icons__title">
color="info"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="cog" color="warning"></e-icon>
<code class="doc-icons__title">
color="warning"
</code>
</div>
<div class="doc-icons__icon">
<e-icon icon="cog" color="faint"></e-icon>
<code class="doc-icons__title">
color="faint"
</code>
</div>
<div class="doc-icons__icon e-logo">
<e-icon icon="cog" color="white"></e-icon>
<code class="doc-icons__title">
color="white"
</code>
</div>
</div>[type=table]
<e-icon icon="cog" type="table"></e-icon>[type=inline]
<e-icon icon="cog" type="inline" size="small"></e-icon>[type=helper]
<e-icon icon="question-circle" type="helper"></e-icon>