Activities

Android

Audio Video

Brand

Business Payments

Common Actions

Communication

Hardware

Home

Household

Maps

Photo Image

Privacy Security

Social

Text Formatting

Transportation

Travel

UI Actions

Streamline 3.0

Ultimate

Core

Flex

Sharp

Plump

Micro

Freehand

Streamline Material

Nova

Cyber

Streamline Vault

Logos

Pixel

Google Material

Tabler

Remix

Feather

Iconoir

Carbon

Solar

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Clean line icon of three rows of circles shrinking from rings to dots. Used for gradients, opacity, and visual effects.

Gradient 2

Clean solid icon of three rows of four decreasing circles. Used for gradients and size scales.

Clean line icon of a rounded frame with a stepped checkerboard pattern. Used for gradients, color tools, and image editing.

Gradient

Gradient 1

Rounded line icon of a checkerboard pattern inside a rounded square. Used for color gradients, design tools, and fill controls.

Sharp line icon of a square frame above stepped checkerboard. Used for gradients and color tools.

Minimal line icon of a rounded square with a checkerboard pattern. Used for gradients, color tools, and image editors.

Clean line icon of three rows of shrinking rings ending in solid dots. Used for gradients, scale controls, and visual effects.

Clean solid icon of a rounded rectangle containing a checkerboard pattern. Used for gradients, transparency, and image editing.

Gradient Fill

Rounded solid icon of a checkerboard pattern inside a rounded square. Used for gradients, fills, color tools, and design settings.

Gradient Gramp

Sharp solid icon of a black square with alternating white checkers. Used for gradient fills, color controls.

Gradient Color

Dotted Gradient

Clean line icon of a rounded bar with two gaps and opposing triangles. Used for gradient, color, and range controls.

Gradient Slider

Rounded line icon of horizontal rounded rectangle with 3 slots and up/down arrows. Used for gradient controls, color sliders.

Sharp line icon of a horizontal bar with three slots and two triangles. Used for gradient controls and color adjustment.

Clean line icon of a rounded slider bar with three slots and two opposing triangular markers. Used for gradient controls.

Clean line icon of a rounded rectangle with three bars above bottom blocks. Used for gradients, color, and effects.

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.

<p>Material Symbols by Google - free customizable icon set with icons in outlined, rounded, and sharp variants.</p>

Outlined Line - Material Symbols

<p>Material Symbols by Google is a free, customizable set of 3,300+ icons in outlined, rounded, and sharp styles. Adjustable size and color make them ideal for web, app, UI/UX, and graphic design.</p>

Gradient is a line-style Icon from Outlined Line - Material Symbols set.