<h2>Icon<span class="status approved">Approved</span></h2>

Usage information:

To creat an icon use this custom tag: `<as24-icon type="[icon-name]"></as24-icon>`. Here the value of [icon-name] placeholder defines type of icon to be used, for eg: type="android" will render an android icon. For list of all supported types, please visit icons section under extra-packages.

There is no default size for an icon. Therefore, an icon must always be used with one of the modifier from the list below to define its size.

<table class="docs-table docs-table-visibility">
    <thead>
    <tr>
        <th>Class</th>
        <th>Sizes</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td><code>.sc-icon-s</code></td>
        <td>12x12 px</td>
    </tr>
    <tr>
        <td><code>.sc-icon-m</code></td>
        <td>16x16 px</td>
    </tr>
    <tr>
        <td><code>.sc-icon-l</code></td>
        <td>20x20 px</td>
    </tr>
    <tr>
        <td><code>.sc-icon-xl</code></td>
        <td>24x24 px</td>
    </tr>
    <tr>
        <td><code>.sc-icon-xxl</code></td>
        <td>40x40 px</td>
    </tr>
    </tbody>
</table>
