The HugeIcons less than square icon visually represents a less-than symbol enclosed within a square, often used to indicate comparison, exclusion, or a minimum threshold.
Common uses
- Filtering data by a maximum value
- Indicating a 'less than' condition in logic
- Representing exclusion criteria
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { LessThanSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={LessThanSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- less than symbolcomparison iconminimum thresholdexclusion icon
FAQ
- What is the 'less than square' icon used for?
- It's typically used in UIs to signify a 'less than' relationship, comparisons, or exclusion criteria.
- How do I use the LessThanSquareIcon in React?
- Import both HugeiconsIcon and LessThanSquareIcon, then render it using <HugeiconsIcon icon={LessThanSquareIcon} />.
- What is the license for this icon?
- The HugeIcons library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →