@softicons/angular

Standalone, tree-shakeable Angular components for the Softicons icon set — 24×24, mono-line, currentColor. Requires Angular 17+.

Install

npm i @softicons/angular
# or
pnpm add @softicons/angular
# or
yarn add @softicons/angular

Use (standalone — recommended)

import { Component } from "@angular/core";
import { ArrowRightIconComponent } from "@softicons/angular";

@Component({
  standalone: true,
  imports: [ArrowRightIconComponent],
  template: `<arrow-right-icon [size]="24" [strokeWidth]="1.5" aria-label="Next" />`,
})
export class DemoComponent {}

Use (NgModule)

import { SofticonsModule } from "@softicons/angular";

@NgModule({ imports: [SofticonsModule] })
export class AppModule {}

| Input | Type | Default | |---|---|---| | size | number \| string | 24 | | color | string | currentColor | | strokeWidth | number \| string | 1.5 | | aria-label | string | — (adds role="img", else aria-hidden) |

Links

• 🌐 softicons.dev — browse all icons
• 📖 Docs
• 📦 All Softicons packages on npm

MIT © Softicons