268 new icons just landed, and every Heroicons and Feather icon is covered. See what's new →
Pixelarticons

Diff Pixel Art Icon

A document with a plus and a minus, for code diffs, change reviews and version comparisons.

Development Pro 4 variants

Tags

diffchangescompare

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

This is a Pro icon.

Get it with all 5504 pixel art icons: every style, full SVG source, one-time license.

Whole team? Team Unlimited covers everyone.

Get Pro

About the Diff icon

A document outline that holds a plus sign above a minus sign, the classic symbol for a diff. Use it for a 'View changes' action in a code review tool, a version comparison in a document editor, or a changed-files list in a git client. It signals added and removed lines at a glance. For comparing two products or plans, compare is the better fit.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/diff.svg" width="24" height="24" alt="Diff" />

<!-- React -->
import { Diff } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="diff.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons

By Gerrit Gerrit Halfmann