Gradient icon

phosphorfill

The Gradient icon is a solid SVG from the Phosphor set (1,512 icons), drawn by Phosphor Icons and free under the MIT license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for gradient.

Tags: gradient

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M24 104a8 8 0 0 1 8-8h80a8 8 0 0 1 0 16H32a8 8 0 0 1-8-8m200-8h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16M72 136H32a8 8 0 0 0 0 16h40a8 8 0 0 0 0-16m152 0h-40a8 8 0 0 0 0 16h40a8 8 0 0 0 0-16m-128 8a8 8 0 0 0 8 8h48a8 8 0 0 0 0-16h-48a8 8 0 0 0-8 8m-40 32H32a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16m56 0H88a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16m56 0h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16m56 0h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 0-16M32 72h192a8 8 0 0 0 0-16H32a8 8 0 0 0 0 16"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Phosphor icons

Acorn Address Book Address Book Tabs Air Traffic Control Airplane Airplane In Flight Airplane Landing Airplane Takeoff Airplane Taxiing Airplane Tilt Airplay Alarm

Gradient in other icon sets

Gradient Gradient