---
title: "Lasso select animated icon"
description: "Lasso select animated icon (Drawing & design tools). A lasso is drawn around the object and the object is selected. Light: the loop is drawn freehand from where the tail joins it, up the right side, over the top and back round the bottom, closing on itself; the object inside pops once as it is caught. Strong: the tail is drawn in first, the loop sweeps round faster and closes hard, then it cinches tight around the object and springs back while the object pops and settles in two beats."
canonical: https://generativeicons.com/icons/lasso-select/
---

# Lasso select animated icon

A lasso is drawn around the object and the object is selected. Light: the loop is drawn freehand from where the tail joins it, up the right side, over the top and back round the bottom, closing on itself; the object inside pops once as it is caught. Strong: the tail is drawn in first, the loop sweeps round faster and closes hard, then it cinches tight around the object and springs back while the object pops and settles in two beats.

- Id: `lasso-select`
- Category: Drawing & design tools
- Search terms: freehand selection, freeform selection, free select, lasso tool, selection tool, select area, select region, marquee, rope
- One action, back to rest
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/lasso-select.lottie (dotLottie, 4628 bytes, sha256 7f875a3cf8494308b237bc926f1d9204fd2c4c6e1dd32b2baa531734d664c9eb)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add lasso-select
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/lasso-select.mjs';

export function LassoSelectIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/lasso-select.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/lasso-select/ · https://generativeicons.com/api/icons/lasso-select