---
title: "Icons for draw.io - SVG Shapes for Your Diagrams"
product: "Streamline Icons, Illustrations and Elements"
url: /icons-for-draw-io
canonical_url: "https://design.streamlinehq.com/icons-for-draw-io"
summary: "Drag Streamline SVGs straight onto a draw.io canvas, or build a reusable shape library. 109,582 free icons, no sign up required."
---
# Add free SVG icon shapes to your draw.io diagrams

> Drag Streamline SVGs straight onto a draw.io canvas, or build a reusable shape library. 109,582 free icons, no sign up required.
- **URL**: https://design.streamlinehq.com/icons-for-draw-io

---

* The only icon system: massive, consistent sets
* Drawn in-house by one team of 8 icon designers
* Drag an SVG on, or save a reusable shape library

[Access Pro Icons](https://www.streamlinehq.com/premium), [Start With Free Icons](https://www.streamlinehq.com/free)

## Get icons into draw.io in three steps

### Find the icons your diagram needs

Servers, databases, users, queues, alerts. Real-time search shows results as you type, across every family.

### Export as SVG

SVG is the format draw.io keeps as a shape rather than a picture, so it scales with the diagram and prints cleanly.

### Drag it on, or save a library

Drop the file straight onto the canvas for a one-off. For a set you will reuse, File then Open Library keeps them on the left rail.

## Core, the safe default for diagrams

The Helvetica of icons, on a 14px grid. Free and pro counts per style.

### Core

Core is the Helvetica of icons, stripped to its essential form with generous spacing. 998 free icons across 8 styles.

* **Core Line**: [998 free icons](https://www.streamlinehq.com/icons/core-line-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-line)
* **Core Solid**: [998 free icons](https://www.streamlinehq.com/icons/core-solid-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-solid)
* **Core Flat**: [998 free icons](https://www.streamlinehq.com/icons/core-flat-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-flat)
* **Core Gradient**: [998 free icons](https://www.streamlinehq.com/icons/core-gradient-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-gradient)
* **Core Duo**: [998 free icons](https://www.streamlinehq.com/icons/core-duo-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-duo-color)
* **Core Neon**: [998 free icons](https://www.streamlinehq.com/icons/core-neon-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-neon)
* **Core Pop**: [998 free icons](https://www.streamlinehq.com/icons/core-pop-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-pop-style)
* **Core Remix**: [998 free icons](https://www.streamlinehq.com/icons/core-remix-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-remix)

## Where Core gets used

### Architecture diagrams, light and dark

The same Core tree in both themes. Diagrams get exported into docs, decks and wikis with different backgrounds, and a line set adapts without a second export.

## Micro, for dense diagrams

A 10px grid, the smallest in any commercial icon set.

### Micro

Micro is built on a tiny 10px grid, with no room for unnecessary detail. Every stroke serves legibility. 200 free icons across 2 styles.

* **Micro Line**: [200 free icons](https://www.streamlinehq.com/icons/micro-line-free), [2,035 pro icons](https://www.streamlinehq.com/icons/micro-line)
* **Micro Solid**: [200 free icons](https://www.streamlinehq.com/icons/micro-solid-free), [2,035 pro icons](https://www.streamlinehq.com/icons/micro-solid)

## Where Micro gets used

### When the diagram gets dense

Micro is an exceptional set of icons specifically designed to excel at very small sizes. A node in a forty-box diagram is small whether you planned for it or not.

## Ultimate, for everything else

The encyclopedia, for the subjects a systems diagram throws up once.

### Ultimate

1,000 free icons per set across 5 styles. Encyclopedic coverage, from common to rare icons. A neutral style that fits most use cases.

* **Ultimate Light**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-light-free), [17,683 pro icons](https://www.streamlinehq.com/icons/streamline-light)
* **Ultimate Regular**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-regular-free), [16,751 pro icons](https://www.streamlinehq.com/icons/streamline-regular)
* **Ultimate Bold**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-bold-free), [18,541 pro icons](https://www.streamlinehq.com/icons/streamline-bold)
* **Ultimate Colors**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-colors-free), [10,456 pro icons](https://www.streamlinehq.com/icons/streamline-colors)
* **Ultimate Duotone**: [1,000 free icons](https://www.streamlinehq.com/icons/ultimate-duotone-free), [10,935 pro icons](https://www.streamlinehq.com/icons/streamline-duotone)

## Works in your tools

* [Mac App](https://home.streamlinehq.com/plugins/download): Drag and drop icons directly into any app
* [Figma](https://www.figma.com/community/plugin/852192486284901337): Browse and insert icons without leaving Figma
* [Framer](https://www.framer.com/marketplace/plugins/core-icons-by-streamline/): Use icons natively in Framer projects
* [Webflow](https://webflow.com/apps/detail/streamline-icons): Add icons directly to Webflow sites
* [VS Code](https://marketplace.visualstudio.com/items?itemName=streamline.streamline-icons): Insert icons as SVG or JSX in editors
* [Lucid](https://lucid.co/marketplace/01f05f6d/streamline-icons-illustrations-emojis-and-elements): Add icons to your Lucidchart diagrams
* [Miro](https://miro.com/marketplace/streamline/): Drop icons into your Miro boards
* [Adobe Express](https://adobesparkpost.app.link/TR9Mb7TXFLb?addOnId=w165n33k3): Use icons in Adobe Express projects

## Get more diagram icons with Pro

Free sets cover thousands of icons. Pro unlocks the full library across every family.

### Free: $0

* 109,582 icons
* Mandatory attribution
* All plugins, web app, MCP and API (limited)
* Adjust size, color and format

[Get started](https://www.streamlinehq.com/free)

### Pro subscription: $19 per month

* 333,032 pro icons on top
* Full resolution PNG exports
* 58 pro sets in 11 families
* All plugins, web app, MCP and API
* Pay monthly or yearly

[Get Pro](https://www.streamlinehq.com/pricing)

### One-time purchase: Lifetime

* Buy once, own forever
* Future assets included
* All source files as a ZIP
* All plugins, web app, MCP and API
* No renewal fees

[Get Lifetime](https://www.streamlinehq.com/lifetime)

## A shape library beats hunting for files

Dragging an SVG onto the canvas works for one icon. For a team drawing the same systems every week it is the wrong unit of work, because the icons end up scattered across downloads folders and nobody is using the same ones.

draw.io takes custom shape libraries, and once one is open the icons sit on the left rail alongside the built-in shapes. Build it once from a single Streamline family and every diagram after that starts consistent instead of being made consistent later.

## Why consistency shows up faster in a diagram

A diagram puts twenty icons in one frame with lines drawn between them. Mismatched stroke weights and grids are obvious there in a way they never are on a landing page, because the eye compares them directly.

Taking every node from one family fixes it at the source. No sign up required, and free downloads ask for attribution, a credit link wherever the icons appear, which Pro and Lifetime plans remove. 109,582 free icons across 34 families, with 333,032 more on Pro.

## Frequently asked questions

Quick answers about using icons in draw.io.

### How do I add custom icons to draw.io?

For a single icon, drag the SVG file straight onto the canvas and it becomes a shape you can move and resize. For a set you will reuse, open File then Open Library, and the icons appear on the left rail with the built-in shapes, ready for every diagram after that.

### Should I use SVG or PNG in a diagram?

SVG. A diagram gets resized constantly, exported to PDF, and pasted into documents at whatever size the page allows, and a vector survives all of that. A PNG is fixed at the resolution you exported it, which shows the first time someone scales the diagram up to present it.

### Which icon family suits technical diagrams?

[Core](https://www.streamlinehq.com/icons/core-line-free) is the safe default, neutral enough that the diagram reads as structure rather than decoration. [Micro](https://www.streamlinehq.com/icons/micro-line-free) is built on a 10px grid for dense diagrams. [Ultimate](https://www.streamlinehq.com/icons/ultimate-regular-free) covers the subjects a systems diagram throws up once and never again.

### Can I recolor icons to match my diagram key?

Yes. Save your colors in Streamline and apply them to a whole set in one click before exporting, so a diagram that codes services by colour gets icons that already match. For an SVG already on the canvas, draw.io can edit the shape style directly.

### Are these icons free to use in work diagrams?

Yes, on both tiers. The free tier asks for attribution, a credit link wherever the icons appear, which for an internal diagram usually means a note in the corner. [Pro and Lifetime](https://www.streamlinehq.com/pricing) remove that requirement.