@semantic-icons/heroicons for Angular

[khalilou88]

Hello,

You can use @semantic-icons/heroicons to add hero icons to your angular apps.

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

import { SiBeakerIcon } from '@semantic-icons/heroicons/24/solid';

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

More info here: https://github.com/khalilou88/semantic-icons/tree/main/libs/heroicons