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
The npm package react-aws-icons receives a total of 216 weekly downloads. As such, react-aws-icons popularity was classified as not popular.
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
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.