aws-icons
v2.1.0
Published
AWS Icons, a Icons library for AWS icons based on the official AWS icon set (SVG)
Downloads
3,207
Readme
https://aws-icon.vercel.app/
📦 Installation
# npm
npm install --save aws-icons
# yarn
yarn add aws-icons
# pnpm
pnpm add aws-iconsCDN
<!-- 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>📝 License
his project is licensed under the MIT License - see the LICENSE file for details.