The Phosphor lasso icon depicts a loop of rope, commonly used in UI to indicate a selection tool for drawing a boundary around multiple objects.
Common uses
- Select multiple items in a list or canvas
- Draw a region for editing
- Marquee select tool
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Lasso } from '@phosphor-icons/react';
<Lasso size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Lasso size={24} />thin
<Lasso size={24} weight="thin" />light
<Lasso size={24} weight="light" />bold
<Lasso size={24} weight="bold" />fill
<Lasso size={24} weight="fill" />duotone
<Lasso size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*selectselectionloopropecowboydesignobjectslassoselect toolmarqueedrawing select
FAQ
- What is the lasso icon used for?
- It represents a selection tool, often used to draw a boundary around multiple items or a specific area for manipulation.
- How do I use the lasso icon in React?
- Import it from the library like so: import { Lasso } from '@phosphor-icons/react'. Then use it as a React component: <Lasso />.
- What is the license for the Phosphor lasso icon?
- The Phosphor icon library, including the lasso 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 →