Difference Outline icon

material-symbolsfill

The Difference Outline icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for difference, outline.

Tags: difference, outline

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M12.5 11h2V9h2V7h-2V5h-2v2h-2v2h2zm-2 4h6v-2h-6zM8 19q-.825 0-1.412-.587T6 17V3q0-.825.588-1.412T8 1h7l6 6v10q0 .825-.587 1.413T19 19zm0-2h11V8l-5-5H8zm-4 6q-.825 0-1.412-.587T2 21V7h2v14h11v2zm4-6V3z"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Difference Outline Rounded Difference Outline Sharp 10k Outline 10k Outline Rounded 10k Outline Sharp 10mp Outline 10mp Outline Rounded 10mp Outline Sharp 11mp Outline 11mp Outline Rounded 11mp Outline Sharp 12mp Outline