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

# Gradient Color icon

The Gradient Color icon shows three vertical blue bars in varying widths. Drawn in the flat style on a 24px grid, its bold geometric shapes work well at larger sizes. Use it for color palettes, gradient controls, design tools, and visual styling interfaces. It belongs to Sharp Flat set in the Sharp family.

## Preview

![Sharp flat icon of three vertical blue bars in varying widths. Used for color palettes, gradients, and design tools.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/color/gradient-color-qw72cwyshrsgghho49hcmc.png/gradient-color-7npl7lyv01mu3o85hd26ao.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Gradient Color
- **Type**: Icon
- **Set**: [Sharp Flat](/icons/sharp-flat-style.md) — Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel. The Flat style is easy to integrate into projects that need icons with a more illustrative purpose, working best at larger sizes. All Sharp Flat icons are designed on a 24px grid with two customizable colors.
- **Family**: [Sharp](/icons/sharp-sets.md) — Brutalist icons
- **Style**: Flat, 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--25518)

## 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 Gradient](/icons/download/gradient-color--28009.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)