delta icon

Code line-round

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M6.881 2L9.119 2L12.476 11.503L12.476 13L3.524 13L3.524 11.503L6.881 2ZM8.772 5.956L8.016 3.639L7.937 3.639L7.165 5.956L5.337 11.424L10.6 11.424L8.772 5.956Z"/></svg>

// Gentleface "delta" (line-round), MIT. https://gentleface.com/icons/delta
import type { SVGProps } from 'react';

export function DeltaIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M6.881 2L9.119 2L12.476 11.503L12.476 13L3.524 13L3.524 11.503L6.881 2ZM8.772 5.956L8.016 3.639L7.937 3.639L7.165 5.956L5.337 11.424L10.6 11.424L8.772 5.956Z" />
    </svg>
  );
}

Vue: see /icons/delta.md

Svelte: see /icons/delta.md

HTML img: see /icons/delta.md

CSS: see /icons/delta.md

Data URL: see /icons/delta.md

Sprite: see /icons/delta.md

SwiftUI: see /icons/delta.md

Compose: see /icons/delta.md

Android XML: see /icons/delta.md

Flutter: see /icons/delta.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

delta, change in value, greek delta

Tags

delta, greek, letter, change, difference, increment, math, symbol

Category

Math & symbols

Component name

DeltaIcon

History

• 2026-11-12 20 px drawn, 24 px drawn, added

Family 1

More math & symbols icons

abacus alpha ampersand axes backslash command congruent-to decimal diameter divide element-of element-of-not equal equal-approximately equal-approximately-not equal-not · all math & symbols icons

For agents

Metadata: /icons/delta.json · Markdown: /icons/delta.md · SVG: https://gentleface.com/svg/{style}/16/delta.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/delta.png