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 105 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
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.
Security News
NIST's new password guidelines remove periodic changes and special character requirements, focusing on longer, more secure passwords for better authentication practices.