---
title: "Blue Icons - Recolor Any SVG Icon Blue"
product: "Streamline Icons, Illustrations and Elements"
url: /blue-icons
canonical_url: "https://design.streamlinehq.com/blue-icons"
summary: "Recolor any Streamline icon blue in one click. 109,582 free icons and 333,032 pro icons, all customizable, no card required."
---
# The largest, most consistent blue icon sets

> Recolor any Streamline icon blue in one click. 109,582 free icons and 333,032 pro icons, all customizable, no card required.
- **URL**: https://design.streamlinehq.com/blue-icons

---

* The only icon system: massive, consistent sets
* Drawn in-house by one team of 8 veteran designers
* Recolor to your brand in one click with SVG

[Browse Icons to Recolor](https://www.streamlinehq.com/icons)

## Recolor an icon blue in three easy steps

### Pick Any Icon

Browse any style or set. Blue is not a separate family, it works on every icon in the library.

### Set the Color to Blue

Open the SVG and paste your blue hex code. The shape stays the same, only the fill changes.

### Export as SVG or PNG

SVG keeps the color editable later. PNG bakes the blue in, ready to drop into a deck or a UI.

## Ultimate: the world's largest icon family

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)

## Core: the Helvetica of icons

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)

## Flex: fluid, organic curves

Flex is a fluid icon family inspired by nature's curves, more organic than Core but subtler than Plump. 499 free icons across 8 styles.

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

## Sharp: bold, geometric icons

Sharp combines pure geometry and bold structure for a brutalist, high-tech feel. 500 free icons across 8 styles.

* **Sharp Line**: [500 free icons](https://www.streamlinehq.com/icons/sharp-line-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-line-style)
* **Sharp Solid**: [500 free icons](https://www.streamlinehq.com/icons/sharp-solid-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-solid-style)
* **Sharp Flat**: [500 free icons](https://www.streamlinehq.com/icons/sharp-flat-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-flat-style)
* **Sharp Gradient**: [500 free icons](https://www.streamlinehq.com/icons/sharp-gradient-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-gradient)
* **Sharp Duo**: [500 free icons](https://www.streamlinehq.com/icons/sharp-duo-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-duo-style)
* **Sharp Neon**: [500 free icons](https://www.streamlinehq.com/icons/sharp-neon-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-neon-style)
* **Sharp Pop**: [500 free icons](https://www.streamlinehq.com/icons/sharp-pop-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-pop-style)
* **Sharp Remix**: [500 free icons](https://www.streamlinehq.com/icons/sharp-remix-free), [5,616 pro icons](https://www.streamlinehq.com/icons/sharp-remix)

## Plump: chunky, cartoon-inspired icons

Plump is 100% cute, inspired by animated cartoons with subtle curves and chunky shapes. 500 free icons across 8 styles.

* **Plump Line**: [500 free icons](https://www.streamlinehq.com/icons/plump-line-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-line-style)
* **Plump Solid**: [500 free icons](https://www.streamlinehq.com/icons/plump-solid-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-solid-style)
* **Plump Flat**: [500 free icons](https://www.streamlinehq.com/icons/plump-flat-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-flat-style)
* **Plump Gradient**: [500 free icons](https://www.streamlinehq.com/icons/plump-gradient-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-gradient-style)
* **Plump Duo**: [500 free icons](https://www.streamlinehq.com/icons/plump-duo-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-duo-style)
* **Plump Neon**: [500 free icons](https://www.streamlinehq.com/icons/plump-neon-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-neon-style)
* **Plump Pop**: [500 free icons](https://www.streamlinehq.com/icons/plump-pop-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-pop-style)
* **Plump Remix**: [505 free icons](https://www.streamlinehq.com/icons/plump-remix-free), [5,369 pro icons](https://www.streamlinehq.com/icons/plump-remix-style)

## Micro: built for tiny spaces

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)

## Freehand: hand-drawn icons

Freehand is the largest hand-drawn icon set, with calligraphic charm and varying stroke thickness. 1,000 free icons across 2 styles.

* **Freehand Line**: [1,000 free icons](https://www.streamlinehq.com/icons/freehand-free), [11,171 pro icons](https://www.streamlinehq.com/icons/streamline-freehand)
* **Freehand Duotone**: [1,000 free icons](https://www.streamlinehq.com/icons/freehand-duotone-free), [11,174 pro icons](https://www.streamlinehq.com/icons/streamline-freehand-duotone)

## Streamline Material: an improved Material Icons

Like Google's Material Icons, but better: redrawn from scratch for consistency. 999 free icons per style across 6 styles.

* **Material Outlined Line**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-outlined-line-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-outlined-line)
* **Material Outlined Fill**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-outlined-fill-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-outlined-fill)
* **Material Rounded Line**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-rounded-line-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-rounded-line)
* **Material Rounded Fill**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-rounded-fill-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-rounded-fill)
* **Material Sharp Line**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-sharp-line-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-sharp-line)
* **Material Sharp Fill**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-sharp-fill-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-sharp-fill)

## Pixel: 8-bit icons

Pixel will bring you back to the 80s. Every icon sits on an 8-bit grid, drawn square by square. 662 free icons, open source.

* **Pixel**: [662 free icons](https://www.streamlinehq.com/icons/pixel)

## Cyber: sci-fi icons with no curves

Cyber is one of the most challenging icon sets we have drawn. There are no curves. Only straight lines and bold geometry. 500 free icons per style across 2 styles.

* **Cyber Line**: [500 free icons](https://www.streamlinehq.com/icons/cyber-line-free), [3,695 pro icons](https://www.streamlinehq.com/icons/cyber-line)
* **Cyber Duotone**: [500 free icons](https://www.streamlinehq.com/icons/cyber-duotone-free), [3,696 pro icons](https://www.streamlinehq.com/icons/cyber-duotone)

## Open-source sets

These are community-built icon sets hosted on Streamline. Each set is searchable alongside the full library, and each one follows its own license.

* **Tabler**: [5,288 free icons](https://www.streamlinehq.com/icons/tabler-line)
* **Feather**: [287 free icons](https://www.streamlinehq.com/icons/feather-line)
* **Remix Icons**: [2,851 free icons](https://www.streamlinehq.com/icons/remix-line)
* **Lucide**: [1,466 free icons](https://www.streamlinehq.com/icons/lucide-line)
* **Phosphor**: [9,072 free icons](https://www.streamlinehq.com/icons/phosphor-regular)
* **Font Awesome**: [2,045 free icons](https://www.streamlinehq.com/icons/font-awesome-solid)
* **Radix**: [318 free icons](https://www.streamlinehq.com/icons/radix-icons)

## What you get with every icon

### Recolor Before You Download

Set any icon to your exact blue in the browser, then export. No design tool needed.

### Copy or Download in One Step

Take a single icon or a whole set. You see the color before you commit to anything.

### The Same Trick Works on Any Color

Blue today, your brand color tomorrow. The recolor step is the same one click either way.

## 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 icons to recolor with Pro

Recoloring is free on every icon. Pro unlocks the rest of the library to recolor from.

### 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
* No attribution required
* 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)

## Why Blue Icons

Blue reads as trustworthy and calm. Banks, healthcare brands, and tech products reach for it first, since it signals stability before a user reads a word of copy.

It also does quiet work outside branding, as the default accent in dashboards, status indicators, and links, wherever an interface needs one dependable color.

## How the Recolor Works

There is no separate blue icon set to browse. Every Streamline icon is an SVG, and an SVG's fill color is just a value you can change.

Set that value to your blue, and the icon exports in that color. The shape, grid, and stroke stay exactly as drawn.

## Which Style to Recolor

Core is a natural fit. It is stripped to its essential form with generous spacing, the same restraint blue is usually reaching for.

For a more technical register, Sharp's bold geometric structure carries a saturated blue well without looking soft.

## Frequently asked questions

Quick answers about recoloring icons blue.

### What are blue icons?

Blue icons are not a separate set. Any Streamline icon can be recolored blue by changing its fill value, the same way you would set it to any other color.

### Where can I download blue icons?

Visit [streamlinehq.com/icons](https://www.streamlinehq.com/icons), pick any icon or set, and set the color to your blue before exporting as SVG or PNG.

### Are blue icons free?

Yes, if you pick a free-tier icon. Streamline has 109,582 free icons across 34 families, and recoloring costs nothing on top of that.

### Which icon style looks best in blue?

Core is a safe, neutral default that reads as professional. Sharp's geometric structure fits a more technical brand. Either works, it comes down to how formal you want the icon to read.

### Can I use blue icons commercially?

Yes. You can use them for all personal and commercial projects.

### What pairs well with blue icons?

If you want more than one accent color on the same page, browse [Streamline's colored icon sets](/colored-icon-sets.md) for sets built with more than one color from the start.