---
title: "Gradient Color Icon | Free Download PNG & SVG | Flex Solid"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/gradient-color--24345
canonical_url: "https://www.streamlinehq.com/icons/download/gradient-color--24345"
summary: "Rounded solid icon of three vertical rounded bars in varying widths. Used for gradients, color tools, and design controls."
---

# Gradient Color icon

The Gradient Color icon shows three vertical rounded bars in varying widths. Drawn in the solid style on a 14px grid, its simple filled forms stay clear at small sizes. Use it for gradient controls, color palettes, design tools, and appearance settings. It belongs to Flex Solid set in the Flex family.

## Preview

![Rounded solid icon of three vertical rounded bars in varying widths. Used for gradients, color tools, and design controls.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/color/gradient-color-x03n44tbfqf0gn7i986hau9.png/gradient-color-uds3ndabtc8psr52jd20p.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Gradient Color
- **Type**: Icon
- **Set**: [Flex Solid](/icons/flex-solid-style.md) — Flex is a fluid icon family inspired by nature's curves. The Solid variant features smooth, filled shapes with rounded edges for a friendly, organic aesthetic.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Solid, Bold, Glyph
- **Category**: Interface Essential › Color
- **Default size**: 14px
- **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--24345)

## Also available in other styles

- [Gradient Color — Flex Line](/icons/download/gradient-color--24505.md) (Pro)
- [Gradient Color — Flex Duo](/icons/download/gradient-color--24554.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)

---

[View full sitemap](/sitemap.md)