The Lucide weight icon depicts a simple representation of a weight, often used to signify concepts like mass, heaviness, or balance in user interfaces.
Common uses
- Indicating a heavy or dense item
- Representing a measurement of mass
- Symbolizing balance or equilibrium
Use it in React
Install
npm i lucide-reactImport & render
import { Weight } from 'lucide-react';
<Weight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- massheavyleadmetalmeasuregeometryscalesbalanceweightscale
FAQ
- What does the weight icon represent?
- It visually represents the concept of weight, mass, or heaviness. It can also be used to symbolize balance or measurement.
- How do I use the weight icon in React?
- You can import and use it in your React components like this: import { Weight } from 'lucide-react'. Then, render it as <Weight />.
- What is the license for the Lucide weight icon?
- The Lucide icon library, including the weight icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
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 →