---
title: "Gradient Color Icon | Free Download PNG & SVG | Sharp Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/gradient-color--28009
canonical_url: "https://www.streamlinehq.com/icons/download/gradient-color--28009"
summary: "Sharp gradient icon of three vertical color bars. Used for palettes and gradient design tools."
---

# Gradient Color icon

The Gradient Color icon shows three vertical rectangular bars in varying widths, shifting from yellow to green. Drawn in the gradient style on a 24px grid with filled geometric shapes for a bold, high-tech look. Use it for color palettes, gradient controls, design tools, branding interfaces, and visual customization settings. It belongs to Sharp Gradient set in the Sharp family.

## Preview

![Sharp gradient icon of three vertical color bars. Used for palettes and gradient design tools.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/color/gradient-color-tx5g6dk315sknmo88d7v9h.png/gradient-color-l7ev9kc9rxp5ueszztm7dj.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Gradient Color
- **Type**: Icon
- **Set**: [Sharp Gradient](/icons/sharp-gradient.md) — Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Sharp Gradient icons are designed on a 24px grid using filled shapes as gradient colors.
- **Family**: [Sharp](/icons/sharp-sets.md) — Brutalist icons
- **Style**: Gradient, Geometric
- **Category**: Interface Essential › Color
- **Default size**: 24px
- **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, pause, column, layout, interface, button, control, player, media, video, stop, audio, music, app

## Download

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

## Also available in other styles

- [Gradient Color — Sharp Solid](/icons/download/gradient-color--25354.md) (Pro)
- [Gradient Color — Sharp Remix](/icons/download/gradient-color--28702.md) (Pro)
- [Gradient Color — Sharp Flat](/icons/download/gradient-color--25518.md) (Pro)
- [Gradient Color — Sharp Pop](/icons/download/gradient-color--31641.md) (Pro)
- [Gradient Color — Sharp Neon](/icons/download/gradient-color--30687.md) (Pro)
- [Gradient Color — Sharp Line](/icons/download/gradient-color--25010.md) (Pro)
- [Gradient Color — Sharp Duo](/icons/download/gradient-color--25186.md) (Pro)

---

[View full sitemap](/sitemap.md)