SVG icons that scale to any size, in any color

  • Scales to any size with zero quality loss
  • Recolor in one click, directly in the browser
  • Massive, consistent icon sets

Use SVG icons in three easy steps

Pick a set and search within it

Pick a set and search within it

Each set has thousands of svg icons to search or browse through.

Choose SVG instead of PNG

Choose SVG instead of PNG

Select SVG from the format menu to keep it fully scalable.

Paste in your tools

Paste in your tools

Copy the SVG code, or download the file and drop it in anywhere.

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

109,582 icons

34 families

114 sets

one design team

Why teams choose Streamline’s SVG icons

Instant recoloring

Change the fill color in code, or right in our downloader, skipping the vector editor entirely. One click and it matches your brand.

One team, one style

Every set is designed by one team of icon designers, working from a single vision.

Free SVG from the start

Download real vector files starting on the free tier. The format you actually need is included from day one.

Browse every SVG icon set

Nine families, each with thousands of icons in one consistent style.

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.

Core

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

Flex

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.

Sharp

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

Plump

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

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.

Freehand

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

Streamline Material

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

Material Outlined Line
Material Outlined Fill
Material Rounded Line
Material Rounded Fill
Material Sharp Line
Material Sharp Fill

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.

Streamline icons are the secret tool behind 50,000 product teams

“Streamline has been my go-to icon source for years. It just works perfectly with my workflow. The quality is world-class craft. 5 stars!”
Impact Suite

Tim Hansen

Lead UX/UI Designer, Impact Suite

“My favorite icon pack Streamline has released an app that makes finding that right icon so easy!”
Just creative

Jacob Cass

Founder, Justcreative

“The Streamline icons save me time and make my designs for polished and more user friendly. They’re worth every penny.”
Wondros

Lucinda Brown

Senior Director Product, Wondros

SVG icons that scale

A free SVG icon from Streamline stays legible at 16px or 1600px from the same file. One export covers every size, with a single consistent svg icon file to keep in sync.

Every free svg icon carries its color as an attribute in the file itself, which is what makes one-click recoloring possible. Change the fill on any svg icon and every instance of that svg icon updates with it.

SVG icon sets from one team, one style

Most svg icon libraries are marketplaces: thousands of unrelated designers uploading individual svg icon packs that rarely match once you mix them. Streamline’s svg icons are designed by one team of icon designers, so an entire project can stay in a single style.

The free tier alone includes 109,582 svg icons. Individual pro sets are massive and consistent, running up to 18,541 svg icons in one style, enough to cover most projects.

SVG icons built for real code

Set fill to currentColor on any svg icon and it inherits your text color automatically, so dark mode and hover states just work, all from the same svg file.

In React, an svg icon can be imported and rendered directly as JSX, skipping the img tag and the extra HTTP request. A free svg icon loads instantly, ready to use.

Get more SVG icons with Pro

Free sets cover thousands of svg 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
View pricing

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

One-time purchase

Life­time

  • 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

Still unsure if Streamline is right for you?

Ask your AI of choice what it says about Streamline. Click a button and your AI will walk you through what Streamline offers.

Frequently asked questions

Quick answers to common questions about svg icons.

How do I change the color of an SVG icon?
Set the fill attribute in the SVG’s markup, or target it with CSS (fill: currentColor lets it inherit your text color). Streamline’s downloader also lets you recolor before you export, directly in the browser.
Can I use SVG icons in React?
Yes. Import the SVG file and render it directly as a component, or inline the markup in JSX. Either way it stays fully stylable with CSS and props, unlike a PNG loaded through an img tag.
Are Streamline’s SVG icons free?
Yes. Every free set on Streamline includes real SVG downloads alongside PNG. Some competitors gate the SVG format behind a paid plan; Streamline includes it from the free tier. Free downloads require attribution, which Pro and Lifetime plans remove.
What is the difference between SVG and PNG icons?
SVG is vector-based and scales to any size without losing quality. PNG is pixel-based and works in tools built only for images, like email or Canva. Both formats are free on Streamline; see the PNG icons page for when to use each.
How do I add an SVG icon to HTML?
Paste the SVG markup directly into your HTML, or reference the file in an img tag. Inlining the markup is what lets you style the icon with CSS afterward; an img tag treats it as a flat image instead.
How do I change the size of an SVG icon in CSS?
Set a width and height (or a font-size, for icons that scale with type) directly in CSS. Because the icon is vector-based, it stays sharp at any size you set, unlike a resized PNG.
How do I export SVG icons from Figma?
Select the icon, choose SVG under Export in the right panel, and export. Streamline’s Figma plugin skips this step: search a set and insert the svg icon directly onto the canvas.