--- title: "Free SVG Icon Sets, Fully Scalable and Recolorable" product: "Streamline Icons, Illustrations and Elements" url: /svg-icons canonical_url: "https://design.streamlinehq.com/svg-icons" summary: "Download free SVG icons that scale to any size with zero quality loss. Recolor in one click. One team, one consistent style. No card required." --- # SVG icons that scale to any size, in any color > Download free SVG icons that scale to any size with zero quality loss. Recolor in one click. One team, one consistent style. No card required. - **URL**: https://design.streamlinehq.com/svg-icons --- * Scales to any size with zero quality loss * Recolor in one click, directly in the browser * Massive, consistent icon sets [Browse free SVG icons](https://www.streamlinehq.com/free) ## Use SVG icons in three easy steps ### Pick a set and search within it Each set has thousands of svg icons to search or browse through. ### Choose SVG instead of PNG Select SVG from the format menu to keep it fully scalable. ### Paste in your tools Copy the SVG code, or download the file and drop it in anywhere. ## 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. * **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 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 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 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 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 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 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 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) ### 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) ## 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 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 [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) ## 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. ## 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](https://www.streamlinehq.com/free) 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](https://www.streamlinehq.com/) 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.