lasso icon

lasso-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: lasso-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

lasso lasso-bold lasso-duotone lasso-light lasso-thin

The same icon in other sets

lassoCarbon lassoFramework7 Icons lasso-20-filledFluent UI System Icons lassoHuge Icons lassoLucide lassoMaterial Design Icons lassoPixelarticons lassoTabler Icons

Use the lasso icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M93.43 136.11a17.14 17.14 0 0 0-15.35 6.1c9.31 6.56 22.51 11.33 37.43 13.07c-5.1-11.95-13.79-18.28-22.08-19.17"/><path d="M224 48v160a16 16 0 0 1-16 16h-80.35a4 4 0 0 1-3.23-6.34c7.5-10.23 11.58-23.24 11.58-37.84c0-2.79-.13-5.46-.35-8.05C176.79 169.33 208 147.47 208 120c0-29.15-35.14-52-80-52s-80 22.84-80 52c0 27.31 30.82 49.07 71.58 51.73a77 77 0 0 1 .42 8.09c0 17.62-7.65 31.95-21 39.32A38.77 38.77 0 0 1 79.27 224H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16m-32 72c0-19.51-29.31-36-64-36s-64 16.48-64 36a21.3 21.3 0 0 0 3 10.63a33.65 33.65 0 0 1 28.16-10.43c15 1.63 30.84 13.4 37.54 35.68c32.6-1.41 59.3-17.26 59.3-35.88"/></g></svg>

React

import type { SVGProps } from "react";

export function PhLassoFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M93.43 136.11a17.14 17.14 0 0 0-15.35 6.1c9.31 6.56 22.51 11.33 37.43 13.07c-5.1-11.95-13.79-18.28-22.08-19.17"/><path d="M224 48v160a16 16 0 0 1-16 16h-80.35a4 4 0 0 1-3.23-6.34c7.5-10.23 11.58-23.24 11.58-37.84c0-2.79-.13-5.46-.35-8.05C176.79 169.33 208 147.47 208 120c0-29.15-35.14-52-80-52s-80 22.84-80 52c0 27.31 30.82 49.07 71.58 51.73a77 77 0 0 1 .42 8.09c0 17.62-7.65 31.95-21 39.32A38.77 38.77 0 0 1 79.27 224H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16m-32 72c0-19.51-29.31-36-64-36s-64 16.48-64 36a21.3 21.3 0 0 0 3 10.63a33.65 33.65 0 0 1 28.16-10.43c15 1.63 30.84 13.4 37.54 35.68c32.6-1.41 59.3-17.26 59.3-35.88"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M93.43 136.11a17.14 17.14 0 0 0-15.35 6.1c9.31 6.56 22.51 11.33 37.43 13.07c-5.1-11.95-13.79-18.28-22.08-19.17"/><path d="M224 48v160a16 16 0 0 1-16 16h-80.35a4 4 0 0 1-3.23-6.34c7.5-10.23 11.58-23.24 11.58-37.84c0-2.79-.13-5.46-.35-8.05C176.79 169.33 208 147.47 208 120c0-29.15-35.14-52-80-52s-80 22.84-80 52c0 27.31 30.82 49.07 71.58 51.73a77 77 0 0 1 .42 8.09c0 17.62-7.65 31.95-21 39.32A38.77 38.77 0 0 1 79.27 224H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16m-32 72c0-19.51-29.31-36-64-36s-64 16.48-64 36a21.3 21.3 0 0 0 3 10.63a33.65 33.65 0 0 1 28.16-10.43c15 1.63 30.84 13.4 37.54 35.68c32.6-1.41 59.3-17.26 59.3-35.88"/></g></svg>
</template>

CSS

.icon-lasso-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M93.43%20136.11a17.14%2017.14%200%200%200-15.35%206.1c9.31%206.56%2022.51%2011.33%2037.43%2013.07c-5.1-11.95-13.79-18.28-22.08-19.17%22%2F%3E%3Cpath%20d%3D%22M224%2048v160a16%2016%200%200%201-16%2016h-80.35a4%204%200%200%201-3.23-6.34c7.5-10.23%2011.58-23.24%2011.58-37.84c0-2.79-.13-5.46-.35-8.05C176.79%20169.33%20208%20147.47%20208%20120c0-29.15-35.14-52-80-52s-80%2022.84-80%2052c0%2027.31%2030.82%2049.07%2071.58%2051.73a77%2077%200%200%201%20.42%208.09c0%2017.62-7.65%2031.95-21%2039.32A38.77%2038.77%200%200%201%2079.27%20224H48a16%2016%200%200%201-16-16V48a16%2016%200%200%201%2016-16h160a16%2016%200%200%201%2016%2016m-32%2072c0-19.51-29.31-36-64-36s-64%2016.48-64%2036a21.3%2021.3%200%200%200%203%2010.63a33.65%2033.65%200%200%201%2028.16-10.43c15%201.63%2030.84%2013.4%2037.54%2035.68c32.6-1.41%2059.3-17.26%2059.3-35.88%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M93.43%20136.11a17.14%2017.14%200%200%200-15.35%206.1c9.31%206.56%2022.51%2011.33%2037.43%2013.07c-5.1-11.95-13.79-18.28-22.08-19.17%22%2F%3E%3Cpath%20d%3D%22M224%2048v160a16%2016%200%200%201-16%2016h-80.35a4%204%200%200%201-3.23-6.34c7.5-10.23%2011.58-23.24%2011.58-37.84c0-2.79-.13-5.46-.35-8.05C176.79%20169.33%20208%20147.47%20208%20120c0-29.15-35.14-52-80-52s-80%2022.84-80%2052c0%2027.31%2030.82%2049.07%2071.58%2051.73a77%2077%200%200%201%20.42%208.09c0%2017.62-7.65%2031.95-21%2039.32A38.77%2038.77%200%200%201%2079.27%20224H48a16%2016%200%200%201-16-16V48a16%2016%200%200%201%2016-16h160a16%2016%200%200%201%2016%2016m-32%2072c0-19.51-29.31-36-64-36s-64%2016.48-64%2036a21.3%2021.3%200%200%200%203%2010.63a33.65%2033.65%200%200%201%2028.16-10.43c15%201.63%2030.84%2013.4%2037.54%2035.68c32.6-1.41%2059.3-17.26%2059.3-35.88%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/lasso-fill.svg?color=%231a73e8&size=48