Icons

Ligatures

See more details here: Font icons with ligatures

Markup:

    <adf-icon value="folder"></adf-icon>

Result:

Named icons

See more details here: Named icons

Code:

    matIconRegistry.addSvgIconInNamespace(
        'adf',
        'move_file',
        this.sanitizer.bypassSecurityTrustResourceUrl(
            './assets/images/adf-move-file-24px.svg'
        )
    );

Markup:

    <adf-icon value="adf:move_file"></adf-icon>

Result:

ADF Thumbnail Service

Markup:

    <adf-icon value="adf:folder"></adf-icon>

Result: