Skip to main content

X diamond fill

  • Tags: x, delete, reset, clear, cancel, close, exit
  • Category: Alerts, warnings, and signs


Smaller heading

Inline text

Example link text


Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="bi bi-x-diamond-fill"></i>

Code point

  • Unicode: U+F624
  • CSS: \F624
  • JS: \uF624
  • HTML: &#xF624;


Paste the SVG right into your project's code.

<svg xmlns="" width="16" height="16" fill="currentColor" class="bi bi-x-diamond-fill" viewBox="0 0 16 16">
  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.047 3.339 8 7.293l3.954-3.954L9.049.435zm3.61 3.611L8.708 8l3.954 3.954 2.904-2.905c.58-.58.58-1.519 0-2.098l-2.904-2.905zm-.706 8.614L8 8.708l-3.954 3.954 2.905 2.904c.58.58 1.519.58 2.098 0l2.905-2.904zm-8.614-.706L7.292 8 3.339 4.046.435 6.951c-.58.58-.58 1.519 0 2.098z"/>