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

# Gradient Color icon

The Gradient Color icon shows three vertical rounded bars in varying widths. Drawn in the solid style on a 14px grid so its bold filled shapes stay clear at small sizes. Use it for gradient controls, color pickers, design tools, and visual styling settings. It belongs to Core Solid set in the Core family.

## Preview

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

## Details

- **Name**: Gradient Color
- **Type**: Icon
- **Set**: [Core Solid](/icons/core-solid.md) — Core is the Helvetica of icons. The Solid variant provides filled shapes for a bolder, more impactful appearance while maintaining legibility at small sizes.
- **Family**: [Core](/icons/core-sets.md) — Minimal icons
- **Style**: Solid, Minimal, Glyph, Wireframe
- **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**: pause, buttons, media, controls, interface, playback, player, toggle, control, stop, music, audio, video, gradient, color, ombre, tint, shade, gradation, spectrum

## Download

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

## Also available in other styles

- [Gradient Color — Core Remix](/icons/download/gradient-color--28883.md) (Pro)
- [Gradient Color — Core Line](/icons/download/gradient-color--23595.md) (Pro)
- [Gradient Color — Core Neon](/icons/download/gradient-color--30557.md) (Pro)
- [Gradient Color — Core Gradient](/icons/download/gradient-color--28294.md) (Pro)
- [Gradient Color — Core Flat](/icons/download/gradient-color--23989.md) (Pro)
- [Gradient Color — Core Duo](/icons/download/gradient-color--24071.md) (Pro)
- [Gradient Color — Core Pop](/icons/download/gradient-color--31459.md) (Pro)

---

[View full sitemap](/sitemap.md)