1. Icon Monks
  2. Interface icons
  3. X

X icon

A free x icon from the Interface set, useful for close, cancel, dismiss, times. It comes in six weights and is free for personal and commercial use under the MIT license.

X icon, thin weight
Thin
SVG
X icon, light weight
Light
SVG
X icon, regular weight
Regular
SVG
X icon, bold weight
Bold
SVG
X icon, fill weight
Fill
SVG
X icon, duotone weight
Duotone
SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the x icon in your code

React

import { X } from '@icon-monks/react';

<X size={24} />

Vue

<script setup>
import { X } from '@icon-monks/vue';
</script>

<X :size="24" />

Web component

<icon-monks name="x" size="24"></icon-monks>

Icon font

<i class="im im-x"></i>

Flutter

Icon(IconMonks.x)

SwiftUI

Image(iconMonks: .x)

Compose

Icon(IconMonks.Regular.X, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

Related interface icons

See all 488 interface icons