---
title: "Gradient Icon | Free Download PNG & SVG | Outlined Line - Material Symbols"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/gradient--30001
canonical_url: "https://www.streamlinehq.com/icons/download/gradient--30001"
summary: "Clean line icon of a rounded rectangle with three bars above bottom blocks. Used for gradients, color, and effects."
---

# Gradient icon

The Gradient icon shows a rounded rectangular frame with three vertical bars rising above alternating blocks along the bottom. Drawn in the Outlined Line style on a 24px grid for clear, adaptable UI rendering. Use it for gradient controls, color pickers, design tools, image editors, and visual effects. It belongs to Outlined Line - Material Symbols free set in the Google Material family.

## Preview

![Clean line icon of a rounded rectangle with three bars above bottom blocks. Used for gradients, color, and effects.](https://assets.streamlinehq.com/image/private/w_300,h_300,ar_1/f_auto/v1/icons/photo-image/gradient-s8njpr2atbl1grzyfyb98p.png/gradient-346uk2ulkrd9ymlvy6snm.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Gradient
- **Type**: Icon
- **Set**: [Outlined Line - Material Symbols](/icons/material-symbols-outlined-line.md) — Material Symbols by Google - free customizable icon set with icons in outlined, rounded, and sharp variants.
- **Family**: [Google Material](/icons/material-symbols.md)
- **Style**: Line, Outlined, Geometric
- **Category**: Photo Image › Photo Image
- **Default size**: 24px
- **Pricing**: Free
- **License**: [Apache](https://www.apache.org/licenses/LICENSE-2.0.txt)
- **Author**: [Google](https://fonts.google.com/icons)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: gradient, checkerboard, chessboard, pattern, squares, monochrome, pixels, geometry, game, boardgame, taxi, cab, transportation, vehicle, service, car, urban, ride, booking, strategy

## Download

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

## Also available in other styles

- [Gradient — Sharp Line - Material Symbols](/icons/download/gradient--29909.md) (Free)
- [Gradient — Rounded Line - Material Symbols](/icons/download/gradient--29951.md) (Free)

---

[View full sitemap](/sitemap.md)