lasso icon
lasso from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- lasso
- Set
- Phosphor
- Style
- Regular
- 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="M205.73 59.93C184.85 47.08 157.24 40 128 40s-56.85 7.08-77.73 19.93C28.17 73.52 16 92 16 112s12.17 38.44 34.27 52c19 11.67 43.49 18.56 69.73 19.73a37.35 37.35 0 0 1-18.58 33c-14.64 8.86-34.62 9.52-49.72 1.64a8 8 0 1 0-7.4 14.18A66.4 66.4 0 0 0 75 240a67.3 67.3 0 0 0 34.74-9.5c17-10.27 26.29-26.86 26.29-46.7c26.24-1.17 50.76-8.06 69.73-19.73C227.83 150.44 240 132 240 112s-12.17-38.48-34.27-52.07M67.41 155.18c5.24-9.55 15.44-12 23.53-11c10.9 1.42 21.86 9.13 26.61 23.42c-18.44-1.15-35.7-5.44-50.14-12.42m129.94-4.77c-16.95 10.43-39.17 16.53-63.13 17.43a54.4 54.4 0 0 0-11.39-23.07A47.17 47.17 0 0 0 93 128.35c-17-2.2-31.72 5.11-39.38 18.7C39.64 137 32 124.73 32 112c0-14.21 9.47-27.86 26.65-38.43C77.05 62.23 101.68 56 128 56s51 6.23 69.35 17.55C214.53 84.12 224 97.77 224 112s-9.47 27.84-26.65 38.41"/></svg>
React
import type { SVGProps } from "react";
export function PhLasso(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="M205.73 59.93C184.85 47.08 157.24 40 128 40s-56.85 7.08-77.73 19.93C28.17 73.52 16 92 16 112s12.17 38.44 34.27 52c19 11.67 43.49 18.56 69.73 19.73a37.35 37.35 0 0 1-18.58 33c-14.64 8.86-34.62 9.52-49.72 1.64a8 8 0 1 0-7.4 14.18A66.4 66.4 0 0 0 75 240a67.3 67.3 0 0 0 34.74-9.5c17-10.27 26.29-26.86 26.29-46.7c26.24-1.17 50.76-8.06 69.73-19.73C227.83 150.44 240 132 240 112s-12.17-38.48-34.27-52.07M67.41 155.18c5.24-9.55 15.44-12 23.53-11c10.9 1.42 21.86 9.13 26.61 23.42c-18.44-1.15-35.7-5.44-50.14-12.42m129.94-4.77c-16.95 10.43-39.17 16.53-63.13 17.43a54.4 54.4 0 0 0-11.39-23.07A47.17 47.17 0 0 0 93 128.35c-17-2.2-31.72 5.11-39.38 18.7C39.64 137 32 124.73 32 112c0-14.21 9.47-27.86 26.65-38.43C77.05 62.23 101.68 56 128 56s51 6.23 69.35 17.55C214.53 84.12 224 97.77 224 112s-9.47 27.84-26.65 38.41"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M205.73 59.93C184.85 47.08 157.24 40 128 40s-56.85 7.08-77.73 19.93C28.17 73.52 16 92 16 112s12.17 38.44 34.27 52c19 11.67 43.49 18.56 69.73 19.73a37.35 37.35 0 0 1-18.58 33c-14.64 8.86-34.62 9.52-49.72 1.64a8 8 0 1 0-7.4 14.18A66.4 66.4 0 0 0 75 240a67.3 67.3 0 0 0 34.74-9.5c17-10.27 26.29-26.86 26.29-46.7c26.24-1.17 50.76-8.06 69.73-19.73C227.83 150.44 240 132 240 112s-12.17-38.48-34.27-52.07M67.41 155.18c5.24-9.55 15.44-12 23.53-11c10.9 1.42 21.86 9.13 26.61 23.42c-18.44-1.15-35.7-5.44-50.14-12.42m129.94-4.77c-16.95 10.43-39.17 16.53-63.13 17.43a54.4 54.4 0 0 0-11.39-23.07A47.17 47.17 0 0 0 93 128.35c-17-2.2-31.72 5.11-39.38 18.7C39.64 137 32 124.73 32 112c0-14.21 9.47-27.86 26.65-38.43C77.05 62.23 101.68 56 128 56s51 6.23 69.35 17.55C214.53 84.12 224 97.77 224 112s-9.47 27.84-26.65 38.41"/></svg> </template>
CSS
.icon-lasso {
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%22M205.73%2059.93C184.85%2047.08%20157.24%2040%20128%2040s-56.85%207.08-77.73%2019.93C28.17%2073.52%2016%2092%2016%20112s12.17%2038.44%2034.27%2052c19%2011.67%2043.49%2018.56%2069.73%2019.73a37.35%2037.35%200%200%201-18.58%2033c-14.64%208.86-34.62%209.52-49.72%201.64a8%208%200%201%200-7.4%2014.18A66.4%2066.4%200%200%200%2075%20240a67.3%2067.3%200%200%200%2034.74-9.5c17-10.27%2026.29-26.86%2026.29-46.7c26.24-1.17%2050.76-8.06%2069.73-19.73C227.83%20150.44%20240%20132%20240%20112s-12.17-38.48-34.27-52.07M67.41%20155.18c5.24-9.55%2015.44-12%2023.53-11c10.9%201.42%2021.86%209.13%2026.61%2023.42c-18.44-1.15-35.7-5.44-50.14-12.42m129.94-4.77c-16.95%2010.43-39.17%2016.53-63.13%2017.43a54.4%2054.4%200%200%200-11.39-23.07A47.17%2047.17%200%200%200%2093%20128.35c-17-2.2-31.72%205.11-39.38%2018.7C39.64%20137%2032%20124.73%2032%20112c0-14.21%209.47-27.86%2026.65-38.43C77.05%2062.23%20101.68%2056%20128%2056s51%206.23%2069.35%2017.55C214.53%2084.12%20224%2097.77%20224%20112s-9.47%2027.84-26.65%2038.41%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%22M205.73%2059.93C184.85%2047.08%20157.24%2040%20128%2040s-56.85%207.08-77.73%2019.93C28.17%2073.52%2016%2092%2016%20112s12.17%2038.44%2034.27%2052c19%2011.67%2043.49%2018.56%2069.73%2019.73a37.35%2037.35%200%200%201-18.58%2033c-14.64%208.86-34.62%209.52-49.72%201.64a8%208%200%201%200-7.4%2014.18A66.4%2066.4%200%200%200%2075%20240a67.3%2067.3%200%200%200%2034.74-9.5c17-10.27%2026.29-26.86%2026.29-46.7c26.24-1.17%2050.76-8.06%2069.73-19.73C227.83%20150.44%20240%20132%20240%20112s-12.17-38.48-34.27-52.07M67.41%20155.18c5.24-9.55%2015.44-12%2023.53-11c10.9%201.42%2021.86%209.13%2026.61%2023.42c-18.44-1.15-35.7-5.44-50.14-12.42m129.94-4.77c-16.95%2010.43-39.17%2016.53-63.13%2017.43a54.4%2054.4%200%200%200-11.39-23.07A47.17%2047.17%200%200%200%2093%20128.35c-17-2.2-31.72%205.11-39.38%2018.7C39.64%20137%2032%20124.73%2032%20112c0-14.21%209.47-27.86%2026.65-38.43C77.05%2062.23%20101.68%2056%20128%2056s51%206.23%2069.35%2017.55C214.53%2084.12%20224%2097.77%20224%20112s-9.47%2027.84-26.65%2038.41%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/lasso.svg?color=%231a73e8&size=48
