Aws-icons NPM | npm.io

https://aws-icon.vercel.app/

📦 Installation

# npm
npm install --save aws-icons

# yarn
yarn add aws-icons

# pnpm
pnpm add aws-icons

CDN

<!-- 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"
/>

📖 Usage

React

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;

Next.js

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;

Vue.js

<script setup>
import AmazonEC2 from 'aws-icons/icons/architecture-service/AmazonEC2.svg';
</script>

<template>
  <AmazonEC2 />
</template>

Svelte

<script>
  import AmazonEC2 from 'aws-icons/icons/architecture-service/AmazonEC2.svg';
</script>

<main>
  <img src={AmazonEC2} alt="Architecture Amazon EC2" />
</main>

Solid.js

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;

HTML

<!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>