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

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Clean line icon of two side-by-side panels divided by a vertical bar with diagonal cutouts. Used for comparison and diff views.

Compare

Sharp line icon of two panels with opposing diagonal cutouts. Used for compare views, split screens, and before-and-after layouts.

Rounded line icon of two panels split by a vertical bar with diagonal inner edges. Used for comparison and diff views.

Clean line icon of two rounded panels split by a central bar and diagonal cuts. Used for comparison views and diff tools.

Clean line icon of two rounded panels with diagonal cutouts. Used for comparison views and split-screen controls.

Rounded line icon of two side-by-side document panels with diagonal inner cuts. Used for document comparison and diff views.

Sharp line icon of two side-by-side panels separated by a vertical divider. Used for comparisons, split views, and review.

Clean solid icon of two overlapping rounded rectangles with opposing arrows. Used for compare, sync, and exchange actions.

Compare Alt Fill

Clean line icon of two overlapping rectangles with opposing arrows. Used for comparison, swapping, and alternate views.

Compare Alt

Sharp line icon of two opposing arrows with square openings. Used for Git comparisons, version control, and branch diffs.

Compare Git

Sharp line icon of two opposing arrows, one above the other. Used for compare, swap, and bidirectional actions.

Compare Arrows

Clean line icon of two opposing bent arrows, one above the other. Used for comparison, swapping, and bidirectional movement.

Compare Arrow

Rounded flat icon of two vertical rounded panels with opposing arrows. Used for compare, swap, and sync controls.

Rounded solid icon of two opposing arrows in offset rounded blocks. Used for compare, swap, and side-by-side views.

Compare Ab

Rounded line icon of two overlapping rectangles with opposing arrows. Used for compare, swap, and side-by-side views.

Rounded line icon of two opposing diagonal arrows pointing left and right. Used for comparison, swapping, and navigation.

Clean hybrid solid and line icon of two overlapping rounded rectangles with opposing arrows. Used for comparison and swaps.

Clean gradient icon of two interlocking rounded arrows pointing in opposite directions. Used for compare and swap controls.

Clean neon icon of overlapping rounded rectangles, A upper left and B lower right. Used for comparisons and typography.

Clean duotone icon of offset rounded panels with A and B. Used for font comparison and typography.

Rounded hybrid solid and line icon of two opposing curved arrows. Used for compare, swap, and direction controls.

Rounded line icon of overlapping rounded boxes with A and B. Used for font comparison and typography tools.

Rounded hybrid solid and line icon of A and B in overlapping rounded panels. Used for comparison and typography tools.

Sharp line icon of two overlapping panels with opposing arrows. Used for compare, swap, and toggle actions.

Rounded solid icon of opposing panels split by a vertical bar. Used for comparisons, diffs, and side-by-side views.

Compare Fill

Sharp line icon of two outlined panels with central divider. Used for comparison views, split screens, side-by-side.

Compare Image

Clean colored solid icon of opposing arrows across rounded blocks. Used for compare, swap, and direction controls.

Rounded gradient icon of two offset blocks with white A and B letters. Used for compare views and typography.

Rounded gradient icon of two thick opposing curved arrows. Used for compare, swap, and side-by-side options.

Clean line icon of two overlapping rounded rectangles with inward-facing arrows. Used for comparing items and switching views.

The Compare Ab icon shows two offset rounded blocks with white A and B letters. Drawn in the gradient style on a 14px grid with filled shapes for smooth, fluid forms. Use it for side-by-side comparisons, font previews, alphabet tools, and design review interfaces. It belongs to Flex Gradient 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 Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors.</p>

Flex Gradient

<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>

Compare Ab is a gradient-style Icon from Flex Gradient set.