Interface Essential

Business

Images Photography

Money Shopping

Programming

Computer Devices

Phone

Mail

Map Travel

Food Drink

Nature Ecology

Entertainment

Shipping

Culture

Health

Work Education

Artificial Intelligence

Arrows

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

Fluent UI

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

Clean line icon of a striped candy bar with looped ends. Used for sweets, treats, food menus and rewards.

Gradient 1

Bold solid icon of four vertical bars and two offset arrow markers. Used for gradients and color tools.

Clean line icon of a rounded rectangle split into four panels with tabs at opposite corners. Used for gradients and UI tools.

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

Clean line icon of three rows of shrinking circles, from rings to dots. Used for gradients, scale, loading, and progression.

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.

Minimal solid icon of three rows of four circles shrinking left to right. Used for gradients, scale, and size controls.

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

Minimal line icon of three rows of circles fading from large rings to small dots. Used for gradients, scale, and size options.

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.

Sharp line icon of a divided bar with two opposing chevrons. Used for gradients and value controls.

Gradient Gramp

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

Rounded solid icon of three vertical rounded bars in varying widths. Used for gradients, color tools, and design controls.

Gradient Color

Minimal line icon of two rounded outline bars and one solid vertical pill. Used for gradient and color controls.

Sharp solid icon of three vertical bars decreasing in width. Used for gradients, color tools, and design interfaces.

Rounded gradient icon of three vertical bars in blue, purple, and pink. Used for color tools, palettes, and gradients.

Clean solid icon of three rows of descending rounded shapes. Used for gradients, scales, and design tools.

Dotted Gradient

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

Gradient Slider

Minimal line icon of nine tiles, mixing rounded forms, solid squares, and cutouts. Used for gradients and design tools.

Rounded line icon of three outlined vertical bars and one solid bar. Used for audio equalizers, gradients, and data visualization.

Clean flat icon of a rounded rectangle with two dark bands and two rounded triangles. Used for gradients and design tools.

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

Rounded line icon of a rounded rectangle with two dividers and two triangular shapes. Used for gradients and design tools.

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.

Sharp hybrid solid and line icon of three vertical bars, with a hollow center bar. Used for gradients, color tools, and design.

Sharp duotone icon of two tall outlined rectangles beside a solid vertical bar. Used for gradients and color palettes.

Sharp neon icon of two outlined rectangles and a blue vertical bar. Used for gradient controls and color tools.

Sharp solid icon of three vertical bars, blue with yellow centers. Used for color tools; gradients.

Sharp gradient icon of three vertical color bars. Used for palettes and gradient design tools.

Sharp flat icon of three vertical blue bars in varying widths. Used for color palettes, gradients, and design tools.

Sharp line icon of two outlined rectangles and a vertical bar. Used for columns, layouts, and split views.

Rounded solid icon of three vertical forms with blobs above and below. Used for gradients and branding.

Rounded gradient icon of three vertical forms with two detached blobs. Used for branding and UI accents.

Rounded line icon of a panel with two vertical dividers and opposite-corner loops. Used for layouts, controls, and UI.

Clean neon icon of a rounded frame with two bars and opposing triangular loops. Used for interfaces and decoration.

Rounded flat icon of a horizontal pill with two vertical bands and two detached blobs. Used for gradients and design tools.

Rounded colored solid icon of a blue frame with two green panels and diagonal tabs. Used for colorful UI accents.

Rounded duotone icon of a rounded rectangle with two vertical bars and diagonal loops. Used for UI controls and badges.

Rounded hybrid solid and line icon of a frame with two diagonal blobs and inner openings. Used for branding and abstract UI.

Rounded flat icon of four vertical bars decreasing in width. Used for gradients, color palettes, and design tools.

Rounded duotone icon of three vertical color bars and a thin vertical line. Used for gradients, color palettes, and design tools.

Rounded Neon icon of three tall rounded bars and a vertical line. Used for color palettes and gradients.

Rounded gradient icon of four vertical bars narrowing from left to right. Used for equalizers, signals, and data charts.

Rounded solid icon of four vertical rounded bars decreasing in width. Used for gradients, color tools, and design controls.

Rounded duotone icon of two tall capsules and a vertical bar. Used for gradient controls, color palettes, and design tools.

The Gradient Color icon shows two tall rounded rectangular outlines beside a solid vertical rounded bar. Drawn in the duotone style on a 14px grid with a 1px stroke so its smooth curves stay clear at small sizes. Use it for gradient controls, color palettes, theme editors, and visual design tools. It belongs to Flex Duo set in the Flex family.

<p>Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal.&nbsp;The Duo style is perfect for projects that require differentiation between actions, using color to convey meaning effectively. It also allows you to customize the line thickness.&nbsp;All Flex Duo icons are designed on a 14px grid with a 1px default stroke and two customizable colors.</p>

Flex Duo

<p>Flex is a fluid icon family inspired by nature’s curves. It favors smooth, flowing forms. More organic than Core and subtler than the chunky Plump. Read about the <a href="https://blog.streamlinehq.com/flex/" rel="noopener noreferrer" target="_blank">design process</a>.</p>

Gradient Color is a duo-style Icon from Flex Duo set.