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.
- Clone the repository, move inside it and install dependencies:
git clone ssh://github.com/mondeja/simple-icons-drawio
cd simple-icons-drawio
npm install
- 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
- 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 toFile
->Open Library
and select the created file.