Angular

AWS Architecture Icons for Angular — a standalone awsIcon directive with tree-shakeable icon data. 805 icons in architecture-group, architecture-service, category, and resource sets. Angular 17+.

Install

pnpm add @aws-icons/angular

Usage

import {Component} from '@angular/core';
import {AwsIconDirective, register} from '@aws-icons/angular';
import {AmazonEc2} from '@aws-icons/angular/architecture-service';

register(AmazonEc2);

@Component({
  standalone: true,
  imports: [AwsIconDirective],
  template: `
    <span awsIcon="amazon-ec2"></span>
    <span awsIcon="amazon-ec2" iconStyle="resource" iconLabel="Amazon EC2"></span>
  `,
})
export class AppComponent {}

Only registered icons end up in your bundle. Without iconLabel the svg is aria-hidden. iconHtml(name, style, label) is exported for direct use.