aws-architecture-icon-browser

AWS publish the AWS Architecture Icons, a collection of product and service icons that you can use in architecture diagrams. I normally download the asset package, which contains PNG and SVG icons.

This is a small web app that lets me look for icons by name, rather than poking through files and folders:

Features:

• Display all the icons in a list
• Show me all the different sizes of icon
• Let me search for icons, and see all the matching icons together

Motivation

I'm sure there are better ways to look at an icon collection if you use professional diagramming software, but I don't have much experience in those tools. I'm more used to making simple diagrams as hand-written SVGs, or dropping a few icons into a slide deck. (I use OmniGraffle, but only about 1% of what it can do.)

I threw this together in a pinch while trying to find icons for a blog post, so the code is a bit slapdash. Use accordingly. (Apparently there's no icon for CloudWatch Metrics?)

Usage

This tool needs Python 3. Once you have Python 3 installed, to run this app:

# Clone the repo
git clone https://github.com/alexwlchan/aws-architecture-icon-browser.git
cd aws-architecture-icon-browser

# Install requirements
pip3 install -r requirements.txt

# Run the app
python3 viewer.py

The app will automatically download a copy of the AWS Architecture Icons to your computer, then you'll then see the app running at http://localhost:2520.

I did consider providing a hosted version, but I'm not sure if anybody else will even find this useful – and there might be copyright issues with serving the icons from my website that I don't want to think about right now.

License

MIT.