Kanji
・Cloud engineer / freelance ・Born in 1993 ・From Ehime / Living in Shibuya, Tokyo ・5 years AWS experience Profile details
Table of Contents
This guide assumes you have the Visual Studio Code extension “Draw.io Integration” installed. With this extension, you can register XML-format icons as custom libraries. On the website https://app.diagrams.net/ , you can add icons that aren’t included by default by creating a custom library. However, the VS Code extension doesn’t let you create custom libraries directly. To add custom icons in VS Code, you first need to create and download a custom library on the website, then register it in the Draw.io Integration extension.
In this guide, we’ll explain how to download the XML file published at m-radzikowski/diagrams-aws-icons: diagrams.net shape libraries with AWS Architecture Icons and register it in the Draw.io Integration extension. The process consists of two steps: Step 1 is to download the AWS icons, and Step 2 is to register the custom library in your Visual Studio Code user settings.
First, download the required XML file from m-radzikowski/diagrams-aws-icons: diagrams.net shape libraries with AWS Architecture Icons . At the time of writing, the latest version is AWS Architecture Icons 20240206.xml . After downloading, save the XML file to any directory you like. For example, you can create a directory called vscode-drawio in your user directory and save it there. The path might look like /Users/user01/vscode-drawio/AWS Architecture Icons 20240206.xml .
vscode-drawio
/Users/user01/vscode-drawio/AWS Architecture Icons 20240206.xml
Next, open Visual Studio Code and press the following keys to open user settings (Windows: Ctrl + , , Mac: Command + , ). Type drawio in the search box and select Drawio: Custom Libraries . Then, click Edit in settings.json .
Ctrl + ,
Command + ,
drawio
Drawio: Custom Libraries
Edit in settings.json
Add the following setting to your settings.json . You can set entryId and libName to any value you like, and specify the path to the XML file you downloaded for file .
settings.json
entryId
libName
file
"hediet.vscode-drawio.customLibraries": [ { "entryId": "AWS-20240206", // https://github.com/m-radzikowski/diagrams-aws-icons "libName": "AWS-20240206", "file": "/Users/user01/vscode-drawio/AWS Architecture Icons 20240206.xml" } ]
After saving the settings, restart Visual Studio Code. Once restarted, create and open a Draw.io file (for example, test.drawio ). Click “Other Shapes” in the left pane.
test.drawio
In the custom library section, check the box for the name you set in libName (for example, AWS-20240206), then click Apply. (In my environment, the library name appeared in black for some reason.)
If AWS-20240206 appears in the left panel, the setup is complete.
AWS-20240206
Master conversation skills with realistic AI phone training and 5-axis feedback. Includes 16-lesson interactive academy and studio AI portraits.
Effortlessly snap receipts for instant AI itemization. Integrated with LINE for seamless group expense tracking and pain-free settlement.
Interactive AI personas (Fortune Teller, Butler, Bartender) host real-time games, challenges, and conversation starters for unforgettable gatherings.
Real-time AI quant analysis of earnings reports, corporate filings, and momentum indicators for global equities and Japanese stocks.
Unbiased healthcare database featuring zero-additive filters and active ingredient cost performance metrics.
Get the complete configuration pack featured in this article: universal AGENTS.md, deterministic hooks.json, Git safety guardrails, and validation scripts tested across Antigravity, Kiro, Claude Code, and Codex.
