@mulylib/icons

Angular icon library with SVG components for Angular >= 18.

Installation

npm install @mulylib/icons

Usage

Standalone Component (Angular >= 14)

import { Component } from '@angular/core';
import { IconComponent } from '@mulylib/icons';

@Component({
  selector: 'app-my-component',
  standalone: true,
  imports: [IconComponent],
  template: `
    <muly-icon name="ic_account"></muly-icon>
    <muly-icon name="ic_activity"></muly-icon>
  `
})
export class MyComponent {}

NgModule

import { NgModule } from '@angular/core';
import { IconComponent } from '@mulylib/icons';

@NgModule({
  imports: [IconComponent],
  // ...
})
export class MyModule {}

Styling

Icons inherit size and color from parent element:

<muly-icon name="ic_account" style="font-size: 24px; color: #688238;"></muly-icon>

Or use CSS:

.my-icon {
  font-size: 32px;
  color: #ff0000;
}

<muly-icon name="ic_account" class="my-icon"></muly-icon>

Available Icons

• ic_account - User account icon
• ic_active_account - Active user account icon
• ic_activity - Activity/clipboard icon

Requirements

• Angular >= 18.0.0
• TypeScript >= 5.0.0

License

ISC © legamuka