{"id":13564719,"url":"https://github.com/jgraph/drawio-libs","last_synced_at":"2026-04-02T18:45:26.066Z","repository":{"id":47193952,"uuid":"54952161","full_name":"jgraph/drawio-libs","owner":"jgraph","description":"Libraries for draw.io","archived":false,"fork":false,"pushed_at":"2024-06-10T17:12:46.000Z","size":92646,"stargazers_count":1084,"open_issues_count":6,"forks_count":383,"subscribers_count":34,"default_branch":"review","last_synced_at":"2025-04-03T21:36:14.388Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jgraph.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-03-29T06:40:48.000Z","updated_at":"2025-04-02T09:24:16.000Z","dependencies_parsed_at":"2024-08-01T13:31:05.023Z","dependency_job_id":null,"html_url":"https://github.com/jgraph/drawio-libs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jgraph/drawio-libs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgraph%2Fdrawio-libs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgraph%2Fdrawio-libs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgraph%2Fdrawio-libs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgraph%2Fdrawio-libs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jgraph","download_url":"https://codeload.github.com/jgraph/drawio-libs/tar.gz/refs/heads/review","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jgraph%2Fdrawio-libs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31313301,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T12:59:32.332Z","status":"ssl_error","status_checked_at":"2026-04-02T12:54:48.875Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T13:01:34.964Z","updated_at":"2026-04-02T18:45:26.049Z","avatar_url":"https://github.com/jgraph.png","language":null,"funding_links":[],"categories":["Unknow","Others"],"sub_categories":[],"readme":"# diagrams.net Libraries\n\n## Create and share custom libraries:\n\n1. Use the scratchpad or create a new library by clicking File, New Library\n2. Once the library appears in the sidebar, you can drag and drop cells and images from the diagram or your harddrive\n3. Supported image formats are PNG, JPG, SVG and GIF (including animated GIFs). If you are adding SVG files, you can make the colors of the SVG configurable using this method: https://www.drawio.com/doc/faq/svg-edit-colours\n4. When all elements have been added, click the pen icon, add titles to the entries and click Export\n5. This will download the library file to your computer\n6. To share it, the file must be uploaded to the web and made available via a public URL. One way to do this is to upload it to a public GitHub repository.\n7. If you are using GitHub, use the _RAW_ URL of the library which is of the form https://raw.githubusercontent.com/ORG/REPO/REF/PATH/FILENAME.xml, eg. https://raw.githubusercontent.com/jgraph/drawio-libs/master/libs/templates.xml\n8. Once you have the URL of the library, you can share it by encoding the URL and adding it the clibs parameter. To encode the URL, paste it into the text box at https://jgraph.github.io/drawio-tools/tools/convert.html and click URL Encode. For our example, this will yield https%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ftemplates.xml\n9. Then add this to https://app.diagrams.net/?splash=0\u0026clibs=U, eg. https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ftemplates.xml (where splash=0 bypasses the splash screen). Multiple libraries can be specified by separating them with semicolons. Each value must be prefixed with a U if it's a URL, eg. https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fun-ocha-icons-bluebox.xml;Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fun-ocha-icons.xml\n10. You can then share this link and clicking on it will open and install your custom libraries in draw.io\n\n## Library File Format\n\nLibraries consist of an enclosing `\u003cmxlibrary\u003e` node containing a JSON array, which in turn contains entries with either an `xml` property with a compressed or uncompressed mxGraphModel or a `data` property with an image data URI (in PNG, JPG or SVG). All entries must have a `w` and `h` property for the width and height of the cell(s) or image in the entry and an optional `title` property for the title in the sidebar and preview. For entries with a `data` property, an optional `\"aspect\": \"fixed\"` may be specified to add `aspect=fixed` to the style of the image cell, and an optional `style` attribute can be specified to be added the default style of the image cell. Eg. for `\"data\": \"data:image/png,[...]\", \"aspect\": \"fixed\", \"style\": \"resizable=0;rotatable=0;\"` the resulting cell style will be `shape=image;verticalLabelPosition=bottom;verticalAlign=top;imageAspect=0;aspect=fixed;image=data:image/png,[...];resizable=0;rotatable=0;`\n\nFor uncompressed `xml` properties, `\u003c` must be writter as `\u0026lt;`, `\u003e` must be written as `\u0026gt;` and `\"` must written as `\\\"` (escaped), eg. `\"xml\": \"\u0026lt;mxGraphModel\u0026gt;\u0026lt;root\u0026gt;\u0026lt;mxCell id=\\\"0\\\"/\u0026gt;\u0026lt;mxCell id=\\\"1\\\" parent=\\\"0\\\"/\u0026gt;\u0026lt;mxCell id=\\\"2\\\" value=\\\"Test3\\\" style=\\\"whiteSpace=wrap;html=1;fillColor=#ffffff;strokeColor=#000000;\\\" vertex=\\\"1\\\" parent=\\\"1\\\"\u0026gt;\u0026lt;mxGeometry width=\\\"120\\\" height=\\\"60\\\" as=\\\"geometry\\\"/\u0026gt;\u0026lt;/mxCell\u0026gt;\u0026lt;/root\u0026gt;\u0026lt;/mxGraphModel\u0026gt;\"`\n\nThe compressed XML may be obtained by clicking on the Encode button at https://jgraph.github.io/drawio-tools/tools/convert.html, eg. `\"xml\": \"jVBLDoMgED3N7BE2XVdbV131BKROhASE4LTq7TsVWuPCpAuS95lH3gyo2s9t0tHcQocO1AVUnUKgjPxco3Mghe1ANSCl4AfyeuBWqyuiTjjQPwGZAy/tnpiVLIy0uCJwwMaRyXkylvAe9ePjTNyZNUOeSzcVw5D00GP5EBPhfFhqlUqjFoNHSguPTLYjkydOubcwaHtDe02Pmfe/5LYhg7Lkl27HXL3drd8=\"`\n\n## Image (raster) Libraries\n\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ftemplates.xml\" target=\"_blank\"\u003eTemplates:\u003c/a\u003e A sample library with basic building blocks for technical diagrams. The Comic template needs \u003ca href=\"http://antiyawn.com/uploads/humorsans.html\" target=\"_blank\"\u003eHumor Sans\u003c/a\u003e.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fun-ocha-icons-bluebox.xml;Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fun-ocha-icons.xml\" target=\"_blank\"\u003eUN-OCHA Icons:\u003c/a\u003e United Nations Office for the Coordination of Humanitarian Affairs (\u003ca href=\"http://www.unocha.org\" target=\"_blank\"\u003eOCHA\u003c/a\u003e) Humanitarian Icons 2012.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fraw.githubusercontent.com%2FLKirst%2Fgenogram%2Fmaster%2Fgenogram_library_lk.xml\" target=\"_blank\"\u003eGenogram:\u003c/a\u003e A library with icons for genograms (also known as family diagrams).\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fdigitalocean.xml\" target=\"_blank\"\u003eDigitalOcean:\u003c/a\u003e A library with icons for DigitalOcean resources (scraped from \u003chttps://do.co/diagram-kit\u003e and \u003chttps://www.digitalocean.com/press\u003e).\n  * WARNING: No license is given by DO for these icons. Use at your own risk!\n\n## Vector Libraries\n\n* \u003ca href=\"https://app.diagrams.net/?libs=0\u0026clibs=Uhttps%3A%2F%2Fraw.githubusercontent.com%2FCir02%2FApache-logos-drawio%2Fmain%2Flib%2Fapache_software_foundation_logos.xml\" target=\"_blank\"\u003eApache Foundation logos:\u003c/a\u003e The icon set by \u003ca href=\"https://github.com/Cir02/Apache-logos-drawio\" target=\"_blank\"\u003eCir02\u003c/a\u003e of Apache foundation logos.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fdelivery-icons.xml\" target=\"_blank\"\u003eCheckout \u0026 Delivery Icons:\u003c/a\u003e The icon set by \u003ca href=\"http://www.epicpxls.com/\" target=\"_blank\"\u003eEpicPxls\u003c/a\u003e contains 35 icons depicting various actions and entities for the common checkout process on an e-commerce site.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fosa-icons.xml\" target=\"_blank\"\u003eOSA Icons:\u003c/a\u003e Open source free technical icons to create security architecture or other technical drawings \u003ca href=\"http://www.opensecurityarchitecture.org/cms/library/icon-library\" target=\"_blank\"\u003eOpen Security Architecture/\u003c/a\u003e.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fflat-color-icons.xml\" target=\"_blank\"\u003eFlat Color Icons:\u003c/a\u003e A set of colorful flat icons.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fvoyage-icons.xml\" target=\"_blank\"\u003eVoyage Icons:\u003c/a\u003e 40 free icons to spice up your travel agency or the airline website by \u003ca href=\"http://www.printexpress.co.uk/\" target=\"_blank\"\u003ePrintExpress\u003c/a\u003e.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fgesture-icons.xml\" target=\"_blank\"\u003eGesture and Fingerprints Icons:\u003c/a\u003e 100 useful gesture and fingerprints line icons by \u003ca href=\"http://thesquid.ink/flat-icons/\" target=\"_blank\"\u003eTheSquid\u003c/a\u003e.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fmaterial-design-icons.xml\" target=\"_blank\"\u003eMaterial Design Icons:\u003c/a\u003e Material design icons are the official icon set from Google that are designed under the material design guidelines by \u003ca href=\"https://design.google.com/icons/\" target=\"_blank\"\u003eGoogle\u003c/a\u003e.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fchart-icons.xml\" target=\"_blank\"\u003eChart Icons:\u003c/a\u003e A set of light color chart icons.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fwindows-10-icons.xml\" target=\"_blank\"\u003eWindows 10 Icons:\u003c/a\u003e A set of Windows 10 icons.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fgnome-icons.xml\" target=\"_blank\"\u003eGnome Icons:\u003c/a\u003e Network icons scheme based on Gnome Gorilla's theme.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffont-awesome.xml\" target=\"_blank\"\u003eFont Awesome:\u003c/a\u003e The iconic font and CSS toolkit \u003ca href=\"https://fortawesome.github.io/Font-Awesome/\" target=\"_blank\"\u003eFont Awesome\u003c/a\u003e.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Farista.xml\" target=\"_blank\"\u003eArista Icons:\u003c/a\u003e A set of Arista networking icons.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fcommvault%2Fcvlt-badges.xml;Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fcommvault%2Fcvlt-infrastructure.xml;Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fcommvault%2Fcvlt-objects.xml;Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fcommvault%2Fcvlt-protected-clients.xml\" target=\"_blank\"\u003eCommvault Icons:\u003c/a\u003e A set of Commvault networking icons.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-buildings.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-cloud.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-connector-devops-api.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-devices.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-features.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-generic-devices.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-generic-products.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-generic-technology.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-ot-and-iot.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-people-and-noc-soc.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-people-and-red-blue-team.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-platform-core-elements.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-products.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-saas-family-of-offerings.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-solutions-and-deployment-scenarios.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-threats-and-threat-services.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-vertical-related.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ffortinet%2Ffortinet-vm-components.xml\n\" target=\"_blank\"\u003eFortinet Icons:\u003c/a\u003e A set of Fortinet networking icons.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fadditional-or-support.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fai-machine-learning.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fapps-and-system-logos.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fazure.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fazure-additional-or-support.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fbuildings.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fdatabases.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fdeprecated.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fdeveloper.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fdevices.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Ffiles.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fgeneric.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Finfrastructure.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fintegration.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fintegration-patterns.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fiot-devices.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Foffice365.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fothers.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fpowerapps-and-flows.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fpower-bi.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fsap.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fservers.xml;\nUhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fintegration%2Fusers-and-roles.xml\n\" target=\"_blank\"\u003eIntegration Icons:\u003c/a\u003e A set of MS Integration icons.\n* \u003ca href=\"https://app.diagrams.net/?splash=0\u0026clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Fkubernetes.xml\" target=\"_blank\"\u003eKubernetes Icons:\u003c/a\u003e A set of Kubernetes icons. Obsolete, as there is currently an integrated set in the app.\n\nClick on a link above to open a library or go to File, Open Library from URL in draw.io and enter an URL of the form https://jgraph.github.io/drawio-libs/libs/templates.xml\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjgraph%2Fdrawio-libs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjgraph%2Fdrawio-libs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjgraph%2Fdrawio-libs/lists"}