A Complete Set of Microsoft Fabric Icons for Solution Architects

If you design architectures for Microsoft Fabric like me, you’ve likely run into a frustrating roadblock, the lack of up-to-date icons in the official Microsoft repository.

Even if you try to extract them directly from https://app.fabric.microsoft.com using any browser extensions, you’re usually met with a massive sheet that looks like this:

While it looks great, it’s completely impractical when you just need to select and place a specific icon into your architecture diagram.

After hours of digging through HTML and CSV files and writing a few custom Python scripts, I managed to extract the complete set of Microsoft Fabric icons in vector format. To make the set even more comprehensive, I also searched the web to collect most of the data source icons for both Pipelines (Copy Activity) and Dataflow Gen2. (Note: If an icon is missing from this set, it simply means a SVG version isn’t available anywhere yet). I also included a selection of commonly used Azure service icons to make it easier to build hybrid architectures involving both Azure and Microsoft Fabric.

I wanted this collection to be as clean and usable as possible, so I fully optimized it for diagramming architectures. Here is what you can expect from the set:

• All icons are in lossless SVG format, ensuring they stay perfectly crisp at any size.
• Icons were selected to maintain a consistent border style across the library.
• Every icon is scaled to a uniform 60px height to keep your diagrams looking consistent.
• Internal padding has been removed and set to 0px for most icons.

The result is a repository that you can easily plug directly into Draw.io. There are several ways to import them to get started:

DrawIO.io online:

• Just click on this link Microsoft Fabric DrawIO icon pack and the libraries should load automatically;
• If not, you can open them following this instructions:
  • Go to draw.io ⮕ Extras ⮕ Configuration ⮕ paste below code ⮕ Apply
  • (Sometimes you need to refresh the page)

{
  "templateFile": "https://raw.githubusercontent.com/astrzala/FabricToolset/main/Microsoft%20Fabric%20%26%20Azure%20Icon%20Pack/template/template.xml"
}

{
  "templateFile": "https://raw.githubusercontent.com/astrzala/FabricToolset/main/Microsoft%20Fabric%20%26%20Azure%20Icon%20Pack/template/template.xml"
}

• Then click File ⮕ New.. ⮕ Microsoft ⮕ select the template ⮕ and hit Create

Drawio.io on Windows:

1. Download the .drawio files from GitHub page

2. File ⮕ Open Library ⮕ select downloaded library

SVG and PNG Browser

To make it easier to find individual icons, I’ve also created a visual browser, which is available at:

www.iconvault.app

 
What’s included

• Fabric Core (18 icons) + Microsoft Tools and Platforms (10 icons)

• Fabric Artifacts (82 icons)

• Fabric Datasources (87 icons)

• Fabric Black (45 icons)

• Azure DevOps (7 icons)

• Azure Core (55 icons)