Skip to content

Usage

This page explains how to use the icon system in an Angular project.

If you are looking for the complete icon list, see Icons.

If you want to learn how the mmm-icon component itself works, see Icon component.

Register the icon sets

To use icons in your application, register the icon provider once in your Angular app configuration.

In app.config.ts:

import { ApplicationConfig } from '@angular/core';
import { provideMmmIcons } from '@mmm/designsystem';
export const appConfig: ApplicationConfig = {
providers: [
provideMmmIcons(),
],
};