---
title: "Gradient Color Icon | Free Download PNG & SVG | Flex Duo"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/gradient-color--24554
canonical_url: "https://www.streamlinehq.com/icons/download/gradient-color--24554"
summary: "Rounded duotone icon of two tall capsules and a vertical bar. Used for gradient controls, color palettes, and design tools."
---

# Gradient Color icon

The Gradient Color icon shows two tall rounded rectangular outlines beside a solid vertical rounded bar. Drawn in the duotone style on a 14px grid with a 1px stroke so its smooth curves stay clear at small sizes. Use it for gradient controls, color palettes, theme editors, and visual design tools. It belongs to Flex Duo set in the Flex family.

## Preview

![Rounded duotone icon of two tall capsules and a vertical bar. Used for gradient controls, color palettes, and design tools.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/color/gradient-color-rjkt8iubf4j09du1kfm7b.png/gradient-color-cy6k1u8kbx9adk35ctu1n.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Gradient Color
- **Type**: Icon
- **Set**: [Flex Duo](/icons/flex-duo.md) — Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Duo style is perfect for projects that require differentiation between actions, using color to convey meaning effectively. It also allows you to customize the line thickness. All Flex Duo icons are designed on a 14px grid with a 1px default stroke and two customizable colors.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Duo, Filled, Stroke
- **Category**: Interface Essential › Color
- **Default size**: 14px
- **Stroke width**: 1px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: gradient, color, ombre, fade, spectrum, hue, gradation, interface, battery, charge, energy, power, level, indicators, full, empty, bars, cell, pause

## Download

- [Download Gradient Color on Streamline](https://www.streamlinehq.com/icons/download/gradient-color--24554)

## Also available in other styles

- [Gradient Color — Flex Line](/icons/download/gradient-color--24505.md) (Pro)
- [Gradient Color — Flex Remix](/icons/download/gradient-color--28519.md) (Pro)
- [Gradient Color — Flex Gradient](/icons/download/gradient-color--27703.md) (Pro)
- [Gradient Color — Flex Flat](/icons/download/gradient-color--24715.md) (Pro)
- [Gradient Color — Flex Neon](/icons/download/gradient-color--30393.md) (Pro)
- [Gradient Color — Flex Pop](/icons/download/gradient-color--31276.md) (Pro)
- [Gradient Color — Flex Solid](/icons/download/gradient-color--24345.md) (Pro)

---

[View full sitemap](/sitemap.md)