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.

Rounded flat icon of two rounded cards labeled A and B. Used for comparisons, A/B testing, and option selection.

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 overlapping rounded rectangles with opposing arrows. Used for compare, swap, and sync controls.

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 line icon of two opposing diagonal arrows pointing left and right. Used for comparison, swapping, and navigation.

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

Sharp duotone icon of two overlapping documents with opposing arrows. Used for compare, swap, and file transfer actions.

Sharp flat icon of overlapping blocks with the letters A and B. Used for comparisons, options, and side-by-side reviews.

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.

Rounded flat icon of two opposing arrows in rounded rectangles. Used for compare, swap, and side-by-side options.

Sharp gradient icon of two geometric panels with white A and B letterforms. Used for compare views, typography, and options.

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.

Rounded duotone icon of overlapping A and B cards. Used for A/B tests, variants, and comparison controls.

Rounded solid icon of two offset black cards labeled A and B. Used for compare views, alphabet tools, and typography.

Sharp line icon of two offset rectangles with opposing arrows. Used for comparison, syncing, and transfer controls.

Sharp gradient icon of two opposing horizontal arrows. Used for compare, swap, and before-and-after controls.

Rounded line icon of two overlapping rounded cards labeled A and B. Used for compare views and side-by-side options.

Rounded duotone icon of two overlapping panels with arrows pointing toward each other. Used for compare and swap actions.

The Compare Arrow icon shows two overlapping rounded panels, each containing an arrow pointing toward the other. Drawn in the duotone style on a 14px grid with a 1px stroke, it keeps the opposing forms clear and fluid in compact interfaces. Use it for comparison controls, side-by-side views, data exchange, synchronization, and swap actions. 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>

Compare Arrow is a duo-style Icon from Flex Duo set.