Angular lib for tabler-icons

[khalilou88]

Hi all,

I was looking for icons to use in my project and I discovered tabler-icons.
I prefer to inline svg for performance, so I created a lib with all the icons following Angular standalone component to benefit from tree shaking.

You can try @semantic-icons/tabler-icons available on npm.

Usage:

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

import { SvgCakeIcon } from '@semantic-icons/tabler-icons/outline';

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

I added the prefix svg and suffix icon for all icons
For Angular, I didn't use the word Component since Icon have more meaning

I only support angular from version 17.1.