Cancel Circle

Download SVG

Examples

Heading
Smaller heading

Inline text 

Example link text 

CSS Recommended

<i class="modus-solid-icon-cancel-circle"></i>

Icon font

<i class="modus-icons" aria-hidden="true">cancel_circle</i>

SVG sprite

<svg class="mi" width="1em" height="1em" fill="currentColor">
  <use xlink:href="/modus-solid-icons.svg#cancel-circle" />
</svg>

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-solid mi-cancel-circle" viewBox="0 0 24 24">
  <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41"/>
</svg>

SVG CSS code