The Phosphor equals icon depicts the mathematical symbol for equality and is commonly used in user interfaces to represent actions related to calculation, comparison, or confirmation.
Common uses
- Submit button in a calculator app
- Confirmation action in a form
- Displaying a calculated result
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Equals } from '@phosphor-icons/react';
<Equals size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Equals size={24} />thin
<Equals size={24} weight="thin" />light
<Equals size={24} weight="light" />bold
<Equals size={24} weight="bold" />fill
<Equals size={24} weight="fill" />duotone
<Equals size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- =equalityequivalentequivalencemathematicsarithmeticcalculatortechnology & developmentfinancesequalsequality symbolcalculateconfirmsubmit
FAQ
- What does the equals icon represent?
- It represents the mathematical concept of equality or equivalence. In UI, it often signifies an action that completes a calculation or confirms an input.
- How do I use the equals icon in React?
- You can import and use it like this: `import { Equals } from '@phosphor-icons/react'`. Then render it as `<Equals />`.
- What is the license for this icon?
- The Phosphor icon set, including the equals icon, is released 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 →