Home

Awesome

diagrams.net library for Simple Icons

Load all Simple Icons brands directly to drawio.

<p align="center"> <img src="https://github.com/mondeja/simple-icons-drawio/raw/develop/images/simple-icons-drawio.png" "Simple Icons in drawio"> </p>

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.21.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.21.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.21.0/simple-icons.xml

Select icons

Individual icons can be located using the shapes search tool:

<p align="center"> <img src="https://github.com/mondeja/simple-icons-drawio/raw/develop/images/search-icon.png" "Simple Icons in drawio"> </p>

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
  1. 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:

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
  1. 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.