Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mondeja/simple-icons-drawio

Drawio library for Simple Icons
https://github.com/mondeja/simple-icons-drawio

brands drawio-libs icons simple-icons

Last synced: 6 days ago
JSON representation

Drawio library for Simple Icons

Awesome Lists containing this project

README

        

# [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):

```text
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):

```text
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](https://github.com/mondeja/simple-icons-drawio/releases/download/13.16.0/simple-icons.xml) and open it with `File` -> `Open Library`:

```text
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:

```sh
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:

```sh
./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](https://github.com/simple-icons/simple-icons/blob/13.16.0/slugs.md).
- `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:

```sh
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.

[diagrams.net]: https://www.diagrams.net
[drawio]: https://github.com/jgraph/drawio
[Simple Icons]: https://wasm.simpleicons.org