Iconify

AWS Architecture Icons as Iconify JSON collections — drop into unplugin-icons, the Tailwind Iconify plugin, or any Iconify component — 805 icons in 5 sets.

Install

pnpm add @aws-icons/iconify

Usage

// unplugin-icons (vite.config.ts)
import Icons from "unplugin-icons/vite";
import {ExternalPackageIconLoader} from "unplugin-icons/loaders";

Icons({customCollections: ExternalPackageIconLoader("@aws-icons/iconify")});

// or register manually with any Iconify component:
import {addCollection} from "@iconify/react";
import service from "@aws-icons/iconify/architecture-service.json";
addCollection(service);
// <Icon icon="aws-icons-architecture-service:amazon-ec2" />

One JSON collection per set: ./architecture-group.json, ./architecture-service.json, ./category.json, ./resource.json, ./resource-dark.json. Collection prefixes follow aws-icons-<set>.