Cancel icon

material-symbolsfill

The Cancel 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 cancel, sharp.

Tags: cancel, sharp

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="m8.4 17l3.6-3.6l3.6 3.6l1.4-1.4l-3.6-3.6L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4l3.6 3.6L7 15.6zm3.6 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Cancel Outline Cancel Presentation Outline Sharp Cancel Presentation Sharp Cancel Schedule Send Cancel Schedule Send Outline Computer Cancel Outline Sharp Computer Cancel Sharp Mic Noise Cancel High Sharp Mic Noise Cancel Low Sharp Mic Noise Cancel Off Sharp Mobile Cancel Outline Sharp Mobile Cancel Sharp

Cancel in other icon sets

Cancel Cancel