Profile
Back to NewsBack
GitHub Trending 3 min
Reader Mode
mondeja/simple-icons-drawio: Drawio library for Simple Icons

mondeja/simple-icons-drawio: Drawio library for Simple Icons

7 hours ago

[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/16.36.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%2F16.36.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/16.36.0/simple-icons.xml

Select icons

Individual icons can be located using the shapes search tool:

Partial releases

Better library load times can be achieved by using the alphabet builds that are included in each release. Change the {id} part in the next URL by one of the builds defined in the table below:

https://github.com/mondeja/simple-icons-drawio/releases/download/16.36.0/{id}.xml

| Id | Download Link | |--------|---------------| | 0-9 | | | a | | | b | | | c | | | d | | | e | | | f | | | g | | | h | | | i | | | j | | | k | | | l | | | m | | | n | | | o | | | p | | | q | | | r | | | s | | | t | | | u | | | v | | | w | | | x | | | y | | | z | |

Custom builds

Custom libraries can be built 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 _./scripts/build.js_ script to a new XML file:
./scripts/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 ./scripts/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.
[diagrams.net]: https://www.diagrams.net [drawio]: https://github.com/jgraph/drawio [Simple Icons]: https://simpleicons.org
Chat with me