Skip to content

Azure Icon Collection mxlibrary for diagrams.net (formerly draw.io)

Notifications You must be signed in to change notification settings

yaegashi/icon-collection-mxlibrary

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Azure Icon Collection mxlibrary for diagrams.net (formerly draw.io)

Introduction

This repository contains several mxlibrary sets converted from Azure Icon Collection, which is prepared for use as shape libraries on diagrams.net (formerly draw.io) application. You can easily import them into your documents on the app of online / desktop / VSCode extension versions.

The svg2mxlibrary program which I used to convert SVG icons into an XML file is also available.

How to use

The generated mxlibrary files are stored in mxlibrary branch in the repository. You can get them via GitHub web site.

To open app.diagrams.net with the mxlibrary imported, use the following links. The mxlibrary imported will be persisted.

Icon Galleries Links
'Official' Azure Icons Set Open app.diagrams.net with azure-icons.xml
Azure Docs Open app.diagrams.net with azure-docs.xml
'CDS' Azure Icons Set Open app.diagrams.net with azure-cds.xml
Azure Patterns Collection Open app.diagrams.net with azure-patterns.xml (watch out, >1500 icons!)
Logos & Brands Open app.diagrams.net with logos.xml
Other Icons Open app.diagrams.net with other.xml

To use the mxlibrary with the desktop app, you should first download mxlibrary files, then drag and drop XML files on the app.

To use the mxlibrary as custom libraries with Visual Studio Code Draw.io Integration, add the following snippet in your settings.json.

    "hediet.vscode-drawio.customLibraries": [
        {
            "entryId": "'Official' Azure Icons Set",
            "libName": "Azure Icons",
            "url": "https://raw.githubusercontent.com/yaegashi/icon-collection-mxlibrary/mxlibrary/azure-icons.xml"
        },
        {
            "entryId": "Azure Docs",
            "libName": "Azure Docs",
            "url": "https://raw.githubusercontent.com/yaegashi/icon-collection-mxlibrary/mxlibrary/azure-docs.xml"
        },
        {
            "entryId": "'CDS' Azure Icons Set",
            "libName": "Azure CDS",
            "url": "https://raw.githubusercontent.com/yaegashi/icon-collection-mxlibrary/mxlibrary/azure-cds.xml"
        },
        {
            "entryId": "Azure Patterns Collection",
            "libName": "Azure Pattenrs",
            "url": "https://raw.githubusercontent.com/yaegashi/icon-collection-mxlibrary/mxlibrary/azure-patterns.xml"
        },
        {
            "entryId": "Logos & Brands",
            "libName": "Azure Logos",
            "url": "https://raw.githubusercontent.com/yaegashi/icon-collection-mxlibrary/mxlibrary/logos.xml"
        },
        {
            "entryId": "Other Icons",
            "libName": "Azure Other",
            "url": "https://raw.githubusercontent.com/yaegashi/icon-collection-mxlibrary/mxlibrary/other.xml"
        },
    ],

How to convert SVG icons to mxlibrary

You need to have Node.js to build and run svg2mxlibrary.

You can run convert.sh to clone https://github.com/benc-uk/icon-collection and convert icon collection folders into mxlibrary files in "out" directory.

$ npm install --no-save svg2mxlibrary
$ ./convert.sh
Cloning into 'icon-collection'...
remote: Enumerating objects: 2842, done.
remote: Counting objects: 100% (2842/2842), done.
remote: Compressing objects: 100% (2739/2739), done.
remote: Total 2842 (delta 153), reused 1216 (delta 99), pack-reused 0
Receiving objects: 100% (2842/2842), 1.72 MiB | 1.95 MiB/s, done.
Resolving deltas: 100% (153/153), done.
Generating mxlibrary out/azure-icons.xml
Generating mxlibrary out/azure-docs.xml
Generating mxlibrary out/azure-cds.xml
Generating mxlibrary out/azure-patterns.xml
Generating mxlibrary out/logos.xml
Generating mxlibrary out/other.xml

Credits

Ownership & copyright

I do not attribute ownership to any of icons and images in mxlibrary branch. No copyright infringement is intended. All files have been sourced from Azure Icon Collection by benc-uk, which in turn were collected by scraping the public internet and various Microsoft sites. They are compiled into mxlibrary files under fair use.

svg2mxlibrary is copyrighted under MIT license by yaegashi.

About

Azure Icon Collection mxlibrary for diagrams.net (formerly draw.io)

Topics

Resources

Stars

Watchers

Forks