@delvicons/icons/dist/angular/components/ArrowRight.ts

DelvIcons - Comprehensive icon library with static and animated SVG icons for all frameworks

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

@Component({
  selector: 'delv-arrow-right',
  template: `
    <svg
      [attr.width]="size"
      [attr.height]="size"
      viewBox="0 0 24 24"
      fill="none"
      [class]="iconClasses"
    >
      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18 6-6-6-6"/>
    </svg>
  `,
  standalone: true
})
export class ArrowRightComponent {
  @Input() size: number | string = 24;
  @Input() color: string = 'currentColor';
  @Input() className: string = '';
  @Input() animated: boolean = false;

  get iconClasses(): string {
    return [
      'delv-icon',
      'delv-icon-arrow-right',
      this.animated ? 'delv-animated' : '',
      this.className
    ].filter(Boolean).join(' ');
  }
}