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
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.