react-aws-icons
Advanced tools
A collection of Amazon's AWS Simple Icons to be used in React apps.
As stated on Amazon's website: https://aws.amazon.com/architecture/icons/
AWS Simple Icons are an official icon set that includes icons for several AWS products and resources. Customers and partners are permitted by AWS to use them to create architecture diagrams.
This package was primarily inspired by the react-feather icon set, and attempts to follow the same convention allowing you to import specific SVG icons from a wide selection of iconic diagram images.
Alternatively, a similar package that you may consider is: aws-react-material-icons however, it is reliant on having material-ui as a peer dependency, and only contains roughly 28 of the "Compute" subset of the AWS Simple Icons.
npm i react-aws-icons
# Or, for consumers of yarn…
yarn add react-aws-icons
import AWSIcon from 'react-aws-icons/dist/aws/logo/AWS';
class MyClass extends React.Component {
render() {
return <AWSIcon />
}
}
Icons can be configured with a custom size prop, but the fills of the SVG icons are hard-coded.
<CloudFrontIcon size={48} />
Without a custom size they are 24×24 by default.
Here is a complete list of the icon filenames (excluding the .js extension) that are provided in this collection.
You can preview them as HTML here.
These names are based on the SVG pathnames of the original ZIP source file. Liberties were taken to rename and normalize them into grouped directories.
There will likely be changes and improvements in future releases of this package, but will follow semantic versioning guidelines to safeguard against breaking existing implementations.
FAQs
A collection of AWS Simple Icons to be used with React
We found that react-aws-icons demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.