lasso-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
lasso-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

The same icon in other sets

Use the lasso icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M203.64 63.34C183.37 50.87 156.51 44 128 44s-55.37 6.87-75.64 19.34C31.49 76.19 20 93.48 20 112s11.49 35.83 32.36 48.68c19.29 11.87 44.55 18.65 71.51 19.28c.08 1.27.13 2.56.13 3.9c0 15.49-7.28 28.44-20.51 36.46c-15.79 9.57-37.34 10.28-53.64 1.77a4 4 0 1 0-3.7 7.09A62.3 62.3 0 0 0 74.91 236a63.56 63.56 0 0 0 32.73-8.82c15.71-9.52 24.36-24.9 24.36-43.3c0-1.32-.05-2.61-.12-3.9c27.06-.59 52.41-7.38 71.76-19.28C224.51 147.85 236 130.56 236 112s-11.49-35.81-32.36-48.66M62.16 157.15c5.3-14.49 18.83-18.22 29.3-16.85c13.64 1.78 27.38 12.19 31.38 31.66c-23.18-.71-44.29-6.18-60.68-14.81M131 172a51.35 51.35 0 0 0-11.18-24.59a43.28 43.28 0 0 0-27.3-15.06c-16.82-2.19-31.24 6-37.33 20.74C38.33 142.35 28 127.9 28 112c0-33.09 44.86-60 100-60s100 26.93 100 60c0 32.52-43.26 59.06-97 60"/></svg>

React

import type { SVGProps } from "react";

export function PhLassoThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M203.64 63.34C183.37 50.87 156.51 44 128 44s-55.37 6.87-75.64 19.34C31.49 76.19 20 93.48 20 112s11.49 35.83 32.36 48.68c19.29 11.87 44.55 18.65 71.51 19.28c.08 1.27.13 2.56.13 3.9c0 15.49-7.28 28.44-20.51 36.46c-15.79 9.57-37.34 10.28-53.64 1.77a4 4 0 1 0-3.7 7.09A62.3 62.3 0 0 0 74.91 236a63.56 63.56 0 0 0 32.73-8.82c15.71-9.52 24.36-24.9 24.36-43.3c0-1.32-.05-2.61-.12-3.9c27.06-.59 52.41-7.38 71.76-19.28C224.51 147.85 236 130.56 236 112s-11.49-35.81-32.36-48.66M62.16 157.15c5.3-14.49 18.83-18.22 29.3-16.85c13.64 1.78 27.38 12.19 31.38 31.66c-23.18-.71-44.29-6.18-60.68-14.81M131 172a51.35 51.35 0 0 0-11.18-24.59a43.28 43.28 0 0 0-27.3-15.06c-16.82-2.19-31.24 6-37.33 20.74C38.33 142.35 28 127.9 28 112c0-33.09 44.86-60 100-60s100 26.93 100 60c0 32.52-43.26 59.06-97 60"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M203.64 63.34C183.37 50.87 156.51 44 128 44s-55.37 6.87-75.64 19.34C31.49 76.19 20 93.48 20 112s11.49 35.83 32.36 48.68c19.29 11.87 44.55 18.65 71.51 19.28c.08 1.27.13 2.56.13 3.9c0 15.49-7.28 28.44-20.51 36.46c-15.79 9.57-37.34 10.28-53.64 1.77a4 4 0 1 0-3.7 7.09A62.3 62.3 0 0 0 74.91 236a63.56 63.56 0 0 0 32.73-8.82c15.71-9.52 24.36-24.9 24.36-43.3c0-1.32-.05-2.61-.12-3.9c27.06-.59 52.41-7.38 71.76-19.28C224.51 147.85 236 130.56 236 112s-11.49-35.81-32.36-48.66M62.16 157.15c5.3-14.49 18.83-18.22 29.3-16.85c13.64 1.78 27.38 12.19 31.38 31.66c-23.18-.71-44.29-6.18-60.68-14.81M131 172a51.35 51.35 0 0 0-11.18-24.59a43.28 43.28 0 0 0-27.3-15.06c-16.82-2.19-31.24 6-37.33 20.74C38.33 142.35 28 127.9 28 112c0-33.09 44.86-60 100-60s100 26.93 100 60c0 32.52-43.26 59.06-97 60"/></svg>
</template>

CSS

.icon-lasso-thin {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M203.64%2063.34C183.37%2050.87%20156.51%2044%20128%2044s-55.37%206.87-75.64%2019.34C31.49%2076.19%2020%2093.48%2020%20112s11.49%2035.83%2032.36%2048.68c19.29%2011.87%2044.55%2018.65%2071.51%2019.28c.08%201.27.13%202.56.13%203.9c0%2015.49-7.28%2028.44-20.51%2036.46c-15.79%209.57-37.34%2010.28-53.64%201.77a4%204%200%201%200-3.7%207.09A62.3%2062.3%200%200%200%2074.91%20236a63.56%2063.56%200%200%200%2032.73-8.82c15.71-9.52%2024.36-24.9%2024.36-43.3c0-1.32-.05-2.61-.12-3.9c27.06-.59%2052.41-7.38%2071.76-19.28C224.51%20147.85%20236%20130.56%20236%20112s-11.49-35.81-32.36-48.66M62.16%20157.15c5.3-14.49%2018.83-18.22%2029.3-16.85c13.64%201.78%2027.38%2012.19%2031.38%2031.66c-23.18-.71-44.29-6.18-60.68-14.81M131%20172a51.35%2051.35%200%200%200-11.18-24.59a43.28%2043.28%200%200%200-27.3-15.06c-16.82-2.19-31.24%206-37.33%2020.74C38.33%20142.35%2028%20127.9%2028%20112c0-33.09%2044.86-60%20100-60s100%2026.93%20100%2060c0%2032.52-43.26%2059.06-97%2060%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M203.64%2063.34C183.37%2050.87%20156.51%2044%20128%2044s-55.37%206.87-75.64%2019.34C31.49%2076.19%2020%2093.48%2020%20112s11.49%2035.83%2032.36%2048.68c19.29%2011.87%2044.55%2018.65%2071.51%2019.28c.08%201.27.13%202.56.13%203.9c0%2015.49-7.28%2028.44-20.51%2036.46c-15.79%209.57-37.34%2010.28-53.64%201.77a4%204%200%201%200-3.7%207.09A62.3%2062.3%200%200%200%2074.91%20236a63.56%2063.56%200%200%200%2032.73-8.82c15.71-9.52%2024.36-24.9%2024.36-43.3c0-1.32-.05-2.61-.12-3.9c27.06-.59%2052.41-7.38%2071.76-19.28C224.51%20147.85%20236%20130.56%20236%20112s-11.49-35.81-32.36-48.66M62.16%20157.15c5.3-14.49%2018.83-18.22%2029.3-16.85c13.64%201.78%2027.38%2012.19%2031.38%2031.66c-23.18-.71-44.29-6.18-60.68-14.81M131%20172a51.35%2051.35%200%200%200-11.18-24.59a43.28%2043.28%200%200%200-27.3-15.06c-16.82-2.19-31.24%206-37.33%2020.74C38.33%20142.35%2028%20127.9%2028%20112c0-33.09%2044.86-60%20100-60s100%2026.93%20100%2060c0%2032.52-43.26%2059.06-97%2060%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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