e8-icon
Updated on Sep 18, 2025 5 minutes to readA flexible icon component that allows you to render custom icons with optional CSS classes, styles, and tooltip titles.
Overview
e8-icon is used to display icons from E8Icon collection throughout your application.
You can specify the icon name, apply additional CSS classes or inline styles, and provide a title for tooltips.
<div>
<e8-icon
name="check"
title="Success"
></e8-icon>
<e8-icon
name="exclamation-triangle"
css-class="text-danger"
title="Error"
></e8-icon>
<e8-icon
name="client"
:css-style="{ fontSize: '24px', color: 'blue' }"
></e8-icon>
</div>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| css-class | Additional CSS classes to apply to the icon. | string/object | `` |
| css-style | Inline styles to apply to the icon. | object | {} |
| name | Name of the icon. | E8IconName | — |
| title | Optional tooltip text displayed on hover. | string | — |