1. Icon Monks
  2. Interface icons
  3. X Diamond

X Diamond icon

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

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

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

Use the x diamond icon in your code

React

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

<XDiamond size={24} />

Vue

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

<XDiamond :size="24" />

Web component

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

Icon font

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

Flutter

Icon(IconMonks.xDiamond)

SwiftUI

Image(iconMonks: .xDiamond)

Compose

Icon(IconMonks.Regular.XDiamond, 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 489 interface icons