Skip to main content
Version: v5 (beta)


The Icon component can be used to display different icons (i. e. message delivered icon).

Basic usage

A typical use case for the Icon component would be to use in your custom components.

selector: "app-custom-message",
template: `
<stream-icon icon="delivered-icon"></stream-icon>
<!-- Other parts of the custom message component -->
export class CustomMessageComponent {
@Input() message: StreamMessage;


Please refer to the theming docs

Inputs and outputs


icon: undefined | Icon

The icon to display, the list of supported icons can be found on GitHub.

Defined in


Did you find this page helpful?