Icon font for the AWS architecture icons.
Using an icon font could be useful for numerous applications: documentation, resume/cv/skillset sections, portfolio or blogs where embedding/inserting lots of tiny SVG files each with HTML tags and/or CSS could be rather tedious and time-consuming.
This is similar to how FontAwesome, Material Icons, Bootstrap Icons, etc. all work.
- Clone this repo with git:
git clone https://github.com/digitigradeit/aws-architecture-icon-font.git
- @importjsdelivr cdn, or @import locally in your existing CSS and CSS/FONT/SCSS files for your web/app root directory
@import url('https://cdn.jsdelivr.net/gh/digitigradeit/aws-architecture-icon-font@master/dist/demo/aws.css');
- Insert the relevant HTML tags and the appropriate class. Complete list is in demo.html
<i class="aws aws-cloud_digital_interface"></i>
<i class="aws aws-app_mesh_virtual_gateway"></i>
- Icons are inherently black with transparent background. You can further colorize them with CSS:
<i class="aws aws-transit-gateway" style="color: #ff9021;"></i>
<i class="aws aws-vpc_internet_gateway" style="color: #854BD7;"></i>
<i class="aws aws-vpc_nat_gateway" style="color: red;"></i>
- Please reference the guidelines for dark and light backgrounds, including colors and best practices"
- Demo
- https://github.com/digitigradeit/aws-architecture-icon-font/blob/main/demo.png
- https://github.com/digitigradeit/aws-architecture-icon-font/blob/main/preview.png
-
Enjoy!
-
Cool ideas/future work Paire this with a service like https://jgraph.github.io/mxgraph/javascript/examples/clipboard.html https://jgraph.github.io/mxgraph/
Licence/Copyright Notice
This repository assumes no ownership. Architecture icons are copyright Amazon Web Services and are freely available in SVG format via AWS Architecture Icons with no published license or copyright. This repo shall be routinely updated with any provided guidance from AWS. License and/or usage subject to change with or without notice.