lasso icon
lasso-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- lasso-light
- Set
- Phosphor
- Style
- Light
- 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="M204.68 61.63C184.11 49 156.88 42 128 42s-56.11 7-76.68 19.63C29.83 74.85 18 92.73 18 112s11.83 37.13 33.32 50.35C70.45 174.1 95.35 181 122 181.85v1.94c0 14.76-6.94 27.1-19.54 34.73c-15.22 9.22-36 9.9-51.68 1.71a6 6 0 1 0-5.56 10.63A64.45 64.45 0 0 0 75 238a65.24 65.24 0 0 0 33.7-9.22c16.34-9.89 25.33-25.87 25.33-45v-1.94c26.65-.89 51.57-7.74 70.72-19.52C226.17 149.11 238 131.23 238 112s-11.83-37.15-33.32-50.37m-140 94.46c5.32-12 17.2-15.07 26.48-13.87c12.28 1.6 24.64 10.67 29.08 27.55c-20.51-.96-39.76-5.69-55.52-13.68Zm133.67-4c-17.62 10.85-40.83 17.1-65.77 17.79a52.8 52.8 0 0 0-11.31-23.84a45.24 45.24 0 0 0-28.56-15.73c-16.89-2.2-31.49 5.54-38.41 19.68C38.61 139.37 30 126 30 112c0-14.93 9.8-29.18 27.61-40.13C76.32 60.34 101.32 54 128 54s51.68 6.34 70.39 17.85C216.2 82.8 226 97.05 226 112s-9.8 29.16-27.61 40.11Z"/></svg>
React
import type { SVGProps } from "react";
export function PhLassoLight(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="M204.68 61.63C184.11 49 156.88 42 128 42s-56.11 7-76.68 19.63C29.83 74.85 18 92.73 18 112s11.83 37.13 33.32 50.35C70.45 174.1 95.35 181 122 181.85v1.94c0 14.76-6.94 27.1-19.54 34.73c-15.22 9.22-36 9.9-51.68 1.71a6 6 0 1 0-5.56 10.63A64.45 64.45 0 0 0 75 238a65.24 65.24 0 0 0 33.7-9.22c16.34-9.89 25.33-25.87 25.33-45v-1.94c26.65-.89 51.57-7.74 70.72-19.52C226.17 149.11 238 131.23 238 112s-11.83-37.15-33.32-50.37m-140 94.46c5.32-12 17.2-15.07 26.48-13.87c12.28 1.6 24.64 10.67 29.08 27.55c-20.51-.96-39.76-5.69-55.52-13.68Zm133.67-4c-17.62 10.85-40.83 17.1-65.77 17.79a52.8 52.8 0 0 0-11.31-23.84a45.24 45.24 0 0 0-28.56-15.73c-16.89-2.2-31.49 5.54-38.41 19.68C38.61 139.37 30 126 30 112c0-14.93 9.8-29.18 27.61-40.13C76.32 60.34 101.32 54 128 54s51.68 6.34 70.39 17.85C216.2 82.8 226 97.05 226 112s-9.8 29.16-27.61 40.11Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M204.68 61.63C184.11 49 156.88 42 128 42s-56.11 7-76.68 19.63C29.83 74.85 18 92.73 18 112s11.83 37.13 33.32 50.35C70.45 174.1 95.35 181 122 181.85v1.94c0 14.76-6.94 27.1-19.54 34.73c-15.22 9.22-36 9.9-51.68 1.71a6 6 0 1 0-5.56 10.63A64.45 64.45 0 0 0 75 238a65.24 65.24 0 0 0 33.7-9.22c16.34-9.89 25.33-25.87 25.33-45v-1.94c26.65-.89 51.57-7.74 70.72-19.52C226.17 149.11 238 131.23 238 112s-11.83-37.15-33.32-50.37m-140 94.46c5.32-12 17.2-15.07 26.48-13.87c12.28 1.6 24.64 10.67 29.08 27.55c-20.51-.96-39.76-5.69-55.52-13.68Zm133.67-4c-17.62 10.85-40.83 17.1-65.77 17.79a52.8 52.8 0 0 0-11.31-23.84a45.24 45.24 0 0 0-28.56-15.73c-16.89-2.2-31.49 5.54-38.41 19.68C38.61 139.37 30 126 30 112c0-14.93 9.8-29.18 27.61-40.13C76.32 60.34 101.32 54 128 54s51.68 6.34 70.39 17.85C216.2 82.8 226 97.05 226 112s-9.8 29.16-27.61 40.11Z"/></svg> </template>
CSS
.icon-lasso-light {
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%22M204.68%2061.63C184.11%2049%20156.88%2042%20128%2042s-56.11%207-76.68%2019.63C29.83%2074.85%2018%2092.73%2018%20112s11.83%2037.13%2033.32%2050.35C70.45%20174.1%2095.35%20181%20122%20181.85v1.94c0%2014.76-6.94%2027.1-19.54%2034.73c-15.22%209.22-36%209.9-51.68%201.71a6%206%200%201%200-5.56%2010.63A64.45%2064.45%200%200%200%2075%20238a65.24%2065.24%200%200%200%2033.7-9.22c16.34-9.89%2025.33-25.87%2025.33-45v-1.94c26.65-.89%2051.57-7.74%2070.72-19.52C226.17%20149.11%20238%20131.23%20238%20112s-11.83-37.15-33.32-50.37m-140%2094.46c5.32-12%2017.2-15.07%2026.48-13.87c12.28%201.6%2024.64%2010.67%2029.08%2027.55c-20.51-.96-39.76-5.69-55.52-13.68Zm133.67-4c-17.62%2010.85-40.83%2017.1-65.77%2017.79a52.8%2052.8%200%200%200-11.31-23.84a45.24%2045.24%200%200%200-28.56-15.73c-16.89-2.2-31.49%205.54-38.41%2019.68C38.61%20139.37%2030%20126%2030%20112c0-14.93%209.8-29.18%2027.61-40.13C76.32%2060.34%20101.32%2054%20128%2054s51.68%206.34%2070.39%2017.85C216.2%2082.8%20226%2097.05%20226%20112s-9.8%2029.16-27.61%2040.11Z%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%22M204.68%2061.63C184.11%2049%20156.88%2042%20128%2042s-56.11%207-76.68%2019.63C29.83%2074.85%2018%2092.73%2018%20112s11.83%2037.13%2033.32%2050.35C70.45%20174.1%2095.35%20181%20122%20181.85v1.94c0%2014.76-6.94%2027.1-19.54%2034.73c-15.22%209.22-36%209.9-51.68%201.71a6%206%200%201%200-5.56%2010.63A64.45%2064.45%200%200%200%2075%20238a65.24%2065.24%200%200%200%2033.7-9.22c16.34-9.89%2025.33-25.87%2025.33-45v-1.94c26.65-.89%2051.57-7.74%2070.72-19.52C226.17%20149.11%20238%20131.23%20238%20112s-11.83-37.15-33.32-50.37m-140%2094.46c5.32-12%2017.2-15.07%2026.48-13.87c12.28%201.6%2024.64%2010.67%2029.08%2027.55c-20.51-.96-39.76-5.69-55.52-13.68Zm133.67-4c-17.62%2010.85-40.83%2017.1-65.77%2017.79a52.8%2052.8%200%200%200-11.31-23.84a45.24%2045.24%200%200%200-28.56-15.73c-16.89-2.2-31.49%205.54-38.41%2019.68C38.61%20139.37%2030%20126%2030%20112c0-14.93%209.8-29.18%2027.61-40.13C76.32%2060.34%20101.32%2054%20128%2054s51.68%206.34%2070.39%2017.85C216.2%2082.8%20226%2097.05%20226%20112s-9.8%2029.16-27.61%2040.11Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/lasso-light.svg?color=%231a73e8&size=48
