John KuehJohn Kueh

greater than icon

Phosphor · greater-than · MIT

Download SVG

The Phosphor greater than icon visually represents the mathematical concept of 'greater than' and is commonly used in financial interfaces to denote comparison or superiority.

Common uses

  • Indicating a value is greater than a threshold.
  • Sorting data in descending order.
  • Showing a positive difference or gain.

Use it in React

Install
npm i @phosphor-icons/react
Import & render
import { GreaterThan } from '@phosphor-icons/react';

<GreaterThan size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

regular
<GreaterThan size={24} />
thin
<GreaterThan size={24} weight="thin" />
light
<GreaterThan size={24} weight="light" />
bold
<GreaterThan size={24} weight="bold" />
fill
<GreaterThan size={24} weight="fill" />
duotone
<GreaterThan size={24} weight="duotone" />

Details

Library
Phosphor (1,512 icons)
License
MIT
viewBox
0 0 256 256
Category
finances
Keywords
*new*>greater thangtcomparisonmathematicsarithmeticcalculatorfinancestechnology & developmentgreaterthangt symbolcomparison operatorarrow rightmathematical greater than

FAQ

What does the greater than icon signify?
It signifies a comparison where one value is larger than another. It's often used in financial contexts to show increases or exceeding a limit.
How do I use the greater than icon in React?
You can import and use it like this: `import { GreaterThan } from '@phosphor-icons/react'`. Then render it as a component: `<GreaterThan />`.
What is the license for this icon?
The Phosphor icon, including the greater than icon, is available under the MIT license.

Related icons

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

Looking for something else? Search Phosphor 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 →