---
title: "Gradient Color Icon | Free Download PNG & SVG | Core Line"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/gradient-color--23595
canonical_url: "https://www.streamlinehq.com/icons/download/gradient-color--23595"
summary: "Minimal line icon of two rounded outline bars and one solid vertical pill. Used for gradient and color controls."
---

# Gradient Color icon

The Gradient Color icon shows two rounded rectangular outlines beside a solid vertical pill. Drawn in the line style on a 14px grid with a 1px stroke so it stays crisp at small sizes. Use it for gradient tools, color pickers, palette settings, and visual style controls. It belongs to Core Line set in the Core family.

## Preview

![Minimal line icon of two rounded outline bars and one solid vertical pill. Used for gradient and color controls.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/color/gradient-color-dy4zstcd3nf3frp2vbut0q.png/gradient-color-fwufr3f383uk6i9xqn38no.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Gradient Color
- **Type**: Icon
- **Set**: [Core Line](/icons/core-line.md) — Core is the Helvetica of icons. Each icon is stripped to its essential form and has generous inner spacing. The Line variant offers a clean, minimalist approach with consistent line weights.
- **Family**: [Core](/icons/core-sets.md) — Minimal icons
- **Style**: Line, Minimal, Stroke, Wireframe
- **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, palette, swatches, spectrum, hue, tint, slider, vertical, bars

## Download

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

## Also available in other styles

- [Gradient Color — Core Remix](/icons/download/gradient-color--28883.md) (Pro)
- [Gradient Color — Core Solid](/icons/download/gradient-color--23738.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)