AWS Icons, a Icons library for AWS icons based on the official AWS icon set (SVG), Build from AWS Architecture Icons | Version Q1 2024
# npm
npm install --save aws-icons
# yarn
yarn add aws-icons
# pnpm
pnpm add aws-icons<!-- unpkg -->
<img
src="https://unpkg.com/aws-icons@latest/icons/CATEGORY/ICON_SVG_NAME.svg"
alt="AWS Icons"
/>
<!-- jsdelivr -->
<img
src="https://cdn.jsdelivr.net/npm/aws-icons@latest/icons/CATEGORY/ICON_SVG_NAME.svg"
alt="AWS Icons"
/>import AmazonEC2 from 'aws-icons/icons/architecture-service/AmazonEC2.svg';
const App = () => {
return (
<div>
<img src={AmazonEC2} alt="Architecture Amazon EC2" />
</div>
);
};
export default App;import AmazonEC2 from 'aws-icons/icons/architecture-service/AmazonEC2.svg';
const App = () => {
return (
<div>
<img src={AmazonEC2SVG.src} alt="Architecture Amazon EC2" />
</div>
);
};
export default App;<script setup>
import AmazonEC2 from 'aws-icons/icons/architecture-service/AmazonEC2.svg';
</script>
<template>
<AmazonEC2 />
</template><script>
import AmazonEC2 from 'aws-icons/icons/architecture-service/AmazonEC2.svg';
</script>
<main>
<img src={AmazonEC2} alt="Architecture Amazon EC2" />
</main>import type { Component } from 'solid-js';
import AmazonEC2 from 'aws-icons/icons/architecture-service/AmazonEC2.svg';
const App: Component = () => {
return (
<div>
<img src={AmazonEC2} alt="Architecture Amazon EC2" />
</div>
);
};
export default App;<!doctype html>
<html lang="en">
<head>
<title>AWS Icons</title>
</head>
<body>
<img
src="https://unpkg.com/aws-icons@latest/icons/architecture-service/AmazonEC2.svg"
alt="Amazon EC2"
type="image/svg+xml"
/>
</body>
</html>his project is licensed under the MIT License - see the LICENSE file for details.