What is the cross icon used for?

It's typically used for closing elements like modals or notifications, or to signify errors or negative states.

How do I use the cross icon in React?

You can import and use it like this: import { Cross } from 'lucide-react'

What is the license for the Lucide cross icon?

The Lucide icon library, including the cross icon, is available under the ISC license.

cross icon

Lucide · cross · ISC

The Lucide cross icon depicts a simple plus sign, commonly used to represent actions like closing a modal, dismissing a notification, or indicating a negative or incorrect state.

Common uses

Close button for modals and popups
Dismiss button for alerts and banners
Indicate errors or incorrect input

Use it in React

Install

npm i lucide-react

Import & render

import { Cross } from 'lucide-react';

<Cross size={24} />

Details

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: healthcarefirst aidcrossplusclosetimescancel

FAQ

What is the cross icon used for?: It's typically used for closing elements like modals or notifications, or to signify errors or negative states.
How do I use the cross icon in React?: You can import and use it like this: import { Cross } from 'lucide-react'
What is the license for the Lucide cross icon?: The Lucide icon library, including the cross icon, is available under the ISC license.

Related icons

The same idea in other libraries, and near matches in Lucide.

phosphor tabler

Looking for something else? Search Lucide and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →