Web Components

AWS Architecture Icons as a framework-less <aws-icon> custom element — 805 icons in flat, high-contrast, and modern styles. Works in any page, any framework, no build required.

Install

pnpm add @aws-icons/web-components

Usage

import {defineAwsIcon, register} from '@aws-icons/web-components';
import {AmazonEc2} from '@aws-icons/web-components/architecture-service';

defineAwsIcon();   // defines <aws-icon>
register(AmazonEc2);      // makes it available by name

<aws-icon name="amazon-ec2"></aws-icon>
<aws-icon name="amazon-ec2" variant="resource" label="AmazonEc2"></aws-icon>

Or skip the registry and set the icon directly:

document.querySelector('aws-icon').icon = AmazonEc2;

Only imported icons end up in your bundle. Without label the svg is aria-hidden.