X Icon SVG

X SVG Icons refers to Cross out or mark with an X (often followed by out): Used to mark an error with an X and X means a blank space or any unknown object.

Get Free X Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the X Icon SVG file (HMTL/CSS) in different colors and sizes. X SVG icon white, black, red, green, blue, transparent, and other colors.

X Icon Svg Code | Path | Download

Download free X SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the X Icon SVG code in HTML/Css from below.

X SVG Icon Code | Customize color

You can get svg icon x in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Svg Code

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>

Svg Code

<svg style='color: white' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>

Svg Code

<svg style='color: red' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>

Svg Code

<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>

Svg Code

<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>


Advance Editor

You can edit x as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content



Tags

nameless.,undisclosed.,unidentified.,unnamed.,unsigned.,bearding.,incognito.,innominate.

How to add X SVG Icon?

Here are the five important steps to add this SVG icon.

  • Customize your X SVG Icon color, size, and shape.
  • Click on the download X SVG Code File Button.
  • Now, SVG X Icon will be downloaded to your device.
  • Upload this X icon SVG file in your desired projects.
  • X SVG Icon uses - Websites, Apps, PPT, & Other Projects.


Advertisements



X SVG Related Icons


Here are some related svg icons matching to X.

X Icon SVG - Faq(s)?

⭐Can I get Free X Icon SVG?

Yes, you can get free X SVG icons.

⭐ How to download free X Icon SVG code?

To download free X icons in SVG code click on the copy code button.

⭐How to find the X Icon SVG path file?

You can get the X SVG file path from the above section.

⭐ What are the colors available for SVG X Icon?

You can check the X SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.



Advertisements

You may like these icons


Looking For More Icons?