Awesome

diagrams.net library for simple-icons

Load all simple-icons brands directly to drawio.

Usage

diagrams.net

Inside a diagrams.net project, go to File -> Open library from -> URL and paste the next URL:

https://github.com/mondeja/simple-icons-drawio/releases/download/13.16.0/simple-icons.xml

:warning: Note that could take a few seconds to load.

You can also start a new project in diagrams.net with the simple-icons library loaded using this link:

https://app.diagrams.net/?splash=0&clibs=https%3A%2F%2Fgithub.com%2Fmondeja%2Fsimple-icons-drawio%2Freleases%2Fdownload%2F13.16.0%2Fsimple-icons.xml

drawio desktop app

If you're using the drawio desktop application, download the library file from the next URL and open it with File -> Open Library:

https://github.com/mondeja/simple-icons-drawio/releases/download/13.16.0/simple-icons.xml

Select icons

Individual icons can be located using the shapes search tool:

Custom builds

Better library load times can be achieved customizing your build for a subset of icons.

1. Clone the repository, move inside it and install dependencies:

git clone ssh://github.com/mondeja/simple-icons-drawio
cd simple-icons-drawio
npm install

2. Redirect the output of the ./build.js script to a new XML file:

./build.js > simple-icons.xml

Use the next optional environment variables to filter the icons to include:

• SI_DRAWIO_SLUGS_FILTER: Comma separated string of slugs to include in the build. See all slugs.
• SI_DRAWIO_ALPHABET_FILTER: Comma separated string of letters of the alphabet. All the slugs starting with one of these letters will be included.

For example, next command will include the brands Deno, diagrams.net and Node.js:

SI_DRAWIO_SLUGS_FILTER=diagramsdotnet,simpleicons,deno,nodedotjs SI_DRAWIO_ALPHABET_FILTER=n,d ./build.js > simple-icons-subset.xml

3. Inside a diagrams.net project, go to File -> Open library from -> Device and select the created file. If you're using the drawio desktop app, go to File -> Open Library and select the created file.