JSPM

  • Created
  • Published
  • Downloads 342
  • Score
    100M100P100Q114203F
  • License MIT

Package Exports

  • @semantic-icons/lucide-icons
  • @semantic-icons/lucide-icons/package.json

Readme

@semantic-icons/lucide-icons

@semantic-icons/lucide-icons helps developers to use Lucide icons inside Angular projects.

Supported versions

@semantic-icons/lucide-icons Angular Lucide-icons
0.x.x >= 17.1.0 0.462.0

Usage

First, install @semantic-icons/lucide-icons from npm:

npm install @semantic-icons/lucide-icons

Now each icon can be imported individually as an Angular component:

import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';

import { SiBirdIcon } from '@semantic-icons/lucide-icons';

@Component({
  selector: 'app-home-page',
  standalone: true,
  imports: [SiBirdIcon],
  template: `
    <svg class="text-blue-500 size-6" si-bird-icon></svg>
  `,
  styles: ``,
  encapsulation: ViewEncapsulation.None,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export default class HomePage {}

The icons can be imported from @semantic-icons/lucide-icons.

Icons use the Angular naming convention and are always prefixed with the word si and suffixed with the word icon.

License

MIT © 2024-2025 Khalil LAGRIDA