lasso icon

lasso-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: lasso-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

lasso lasso-duotone lasso-fill 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"><path fill="currentColor" d="M207.83 56.53C186.32 43.29 158 36 128 36s-58.32 7.29-79.83 20.53C24.85 70.89 12 90.6 12 112s12.85 41.14 36.17 55.5c18.48 11.37 42 18.34 67.29 20.08c-2 11.07-9.09 17.75-15.22 21.54c-13.48 8.31-32.75 9.18-46.86 2.1a12 12 0 1 0-10.76 21.48a71.76 71.76 0 0 0 32 7.3a73.2 73.2 0 0 0 38.18-10.43c15.45-9.54 25-24.58 26.83-41.9c25.6-1.64 49.47-8.65 68.16-20.15C231.15 153.16 244 133.45 244 112s-12.85-41.11-36.17-55.47m-134.44 97a21 21 0 0 1 20.16-9.35c10.36 1.39 16.54 9.43 19.72 19.13a135.3 135.3 0 0 1-39.88-9.75Zm64.87 10.14a61.8 61.8 0 0 0-10.76-24.82a46.08 46.08 0 0 0-30.75-18.46c-18-2.41-34.52 5.89-44.1 21C42.2 133 36 122.84 36 112c0-28.19 42.13-52 92-52s92 23.82 92 52c0 26.26-36.49 48.71-81.74 51.7Z"/></svg>

React

import type { SVGProps } from "react";

export function PhLassoBold(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="M207.83 56.53C186.32 43.29 158 36 128 36s-58.32 7.29-79.83 20.53C24.85 70.89 12 90.6 12 112s12.85 41.14 36.17 55.5c18.48 11.37 42 18.34 67.29 20.08c-2 11.07-9.09 17.75-15.22 21.54c-13.48 8.31-32.75 9.18-46.86 2.1a12 12 0 1 0-10.76 21.48a71.76 71.76 0 0 0 32 7.3a73.2 73.2 0 0 0 38.18-10.43c15.45-9.54 25-24.58 26.83-41.9c25.6-1.64 49.47-8.65 68.16-20.15C231.15 153.16 244 133.45 244 112s-12.85-41.11-36.17-55.47m-134.44 97a21 21 0 0 1 20.16-9.35c10.36 1.39 16.54 9.43 19.72 19.13a135.3 135.3 0 0 1-39.88-9.75Zm64.87 10.14a61.8 61.8 0 0 0-10.76-24.82a46.08 46.08 0 0 0-30.75-18.46c-18-2.41-34.52 5.89-44.1 21C42.2 133 36 122.84 36 112c0-28.19 42.13-52 92-52s92 23.82 92 52c0 26.26-36.49 48.71-81.74 51.7Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M207.83 56.53C186.32 43.29 158 36 128 36s-58.32 7.29-79.83 20.53C24.85 70.89 12 90.6 12 112s12.85 41.14 36.17 55.5c18.48 11.37 42 18.34 67.29 20.08c-2 11.07-9.09 17.75-15.22 21.54c-13.48 8.31-32.75 9.18-46.86 2.1a12 12 0 1 0-10.76 21.48a71.76 71.76 0 0 0 32 7.3a73.2 73.2 0 0 0 38.18-10.43c15.45-9.54 25-24.58 26.83-41.9c25.6-1.64 49.47-8.65 68.16-20.15C231.15 153.16 244 133.45 244 112s-12.85-41.11-36.17-55.47m-134.44 97a21 21 0 0 1 20.16-9.35c10.36 1.39 16.54 9.43 19.72 19.13a135.3 135.3 0 0 1-39.88-9.75Zm64.87 10.14a61.8 61.8 0 0 0-10.76-24.82a46.08 46.08 0 0 0-30.75-18.46c-18-2.41-34.52 5.89-44.1 21C42.2 133 36 122.84 36 112c0-28.19 42.13-52 92-52s92 23.82 92 52c0 26.26-36.49 48.71-81.74 51.7Z"/></svg>
</template>

CSS

.icon-lasso-bold {
  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%22M207.83%2056.53C186.32%2043.29%20158%2036%20128%2036s-58.32%207.29-79.83%2020.53C24.85%2070.89%2012%2090.6%2012%20112s12.85%2041.14%2036.17%2055.5c18.48%2011.37%2042%2018.34%2067.29%2020.08c-2%2011.07-9.09%2017.75-15.22%2021.54c-13.48%208.31-32.75%209.18-46.86%202.1a12%2012%200%201%200-10.76%2021.48a71.76%2071.76%200%200%200%2032%207.3a73.2%2073.2%200%200%200%2038.18-10.43c15.45-9.54%2025-24.58%2026.83-41.9c25.6-1.64%2049.47-8.65%2068.16-20.15C231.15%20153.16%20244%20133.45%20244%20112s-12.85-41.11-36.17-55.47m-134.44%2097a21%2021%200%200%201%2020.16-9.35c10.36%201.39%2016.54%209.43%2019.72%2019.13a135.3%20135.3%200%200%201-39.88-9.75Zm64.87%2010.14a61.8%2061.8%200%200%200-10.76-24.82a46.08%2046.08%200%200%200-30.75-18.46c-18-2.41-34.52%205.89-44.1%2021C42.2%20133%2036%20122.84%2036%20112c0-28.19%2042.13-52%2092-52s92%2023.82%2092%2052c0%2026.26-36.49%2048.71-81.74%2051.7Z%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%22M207.83%2056.53C186.32%2043.29%20158%2036%20128%2036s-58.32%207.29-79.83%2020.53C24.85%2070.89%2012%2090.6%2012%20112s12.85%2041.14%2036.17%2055.5c18.48%2011.37%2042%2018.34%2067.29%2020.08c-2%2011.07-9.09%2017.75-15.22%2021.54c-13.48%208.31-32.75%209.18-46.86%202.1a12%2012%200%201%200-10.76%2021.48a71.76%2071.76%200%200%200%2032%207.3a73.2%2073.2%200%200%200%2038.18-10.43c15.45-9.54%2025-24.58%2026.83-41.9c25.6-1.64%2049.47-8.65%2068.16-20.15C231.15%20153.16%20244%20133.45%20244%20112s-12.85-41.11-36.17-55.47m-134.44%2097a21%2021%200%200%201%2020.16-9.35c10.36%201.39%2016.54%209.43%2019.72%2019.13a135.3%20135.3%200%200%201-39.88-9.75Zm64.87%2010.14a61.8%2061.8%200%200%200-10.76-24.82a46.08%2046.08%200%200%200-30.75-18.46c-18-2.41-34.52%205.89-44.1%2021C42.2%20133%2036%20122.84%2036%20112c0-28.19%2042.13-52%2092-52s92%2023.82%2092%2052c0%2026.26-36.49%2048.71-81.74%2051.7Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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