lasso icon
lasso from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- lasso
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
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 24 24"><path fill="currentColor" d="M22 9c0-3.87-4.5-7-10-7S2 5.13 2 9v.025c.01 1.87 1.068 3.57 2.78 4.825l.003-.009q.61.445 1.321.81A3.5 3.5 0 0 0 6 15.5c0 1.26.67 2.37 1.67 3c-.21.61-.7 2.46.63 3.55c1.61 1.33 3.36.92 4.26.64c.252-.077.505-.182.78-.296c.716-.296 1.57-.649 2.88-.714c1.456-.08 2.712.13 3.345.237q.232.04.345.053s.95 0 1.06-.93c.11-.94-.94-1.07-.94-1.07s-1.6-.27-3.64-.26c-1.408.005-2.645.45-3.687.824c-1.26.453-2.233.803-2.873.146c-.65-.68-.44-1.32-.23-1.68a3.49 3.49 0 0 0 3.37-3.033a14 14 0 0 0 1.53-.187c4.175-.756 7.3-3.35 7.49-6.476Q22 9.154 22 9m-2 0c0 1.255-.743 2.405-1.968 3.284c-1.332.955-3.235 1.591-5.378 1.7A3.5 3.5 0 0 0 9.5 12c-.927 0-1.772.363-2.399.953a7.6 7.6 0 0 1-1.312-.802l.001-.001C4.688 11.303 4.021 10.224 4 9.056V9c0-2.76 3.58-5 8-5s8 2.24 8 5m-9.001 6.56q-.01.21-.07.4A1.5 1.5 0 0 1 9.5 17a1.5 1.5 0 0 1-1.498-1.584A1.5 1.5 0 0 1 11 15.56"/></svg>
React
import type { SVGProps } from "react";
export function MdiLasso(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 9c0-3.87-4.5-7-10-7S2 5.13 2 9v.025c.01 1.87 1.068 3.57 2.78 4.825l.003-.009q.61.445 1.321.81A3.5 3.5 0 0 0 6 15.5c0 1.26.67 2.37 1.67 3c-.21.61-.7 2.46.63 3.55c1.61 1.33 3.36.92 4.26.64c.252-.077.505-.182.78-.296c.716-.296 1.57-.649 2.88-.714c1.456-.08 2.712.13 3.345.237q.232.04.345.053s.95 0 1.06-.93c.11-.94-.94-1.07-.94-1.07s-1.6-.27-3.64-.26c-1.408.005-2.645.45-3.687.824c-1.26.453-2.233.803-2.873.146c-.65-.68-.44-1.32-.23-1.68a3.49 3.49 0 0 0 3.37-3.033a14 14 0 0 0 1.53-.187c4.175-.756 7.3-3.35 7.49-6.476Q22 9.154 22 9m-2 0c0 1.255-.743 2.405-1.968 3.284c-1.332.955-3.235 1.591-5.378 1.7A3.5 3.5 0 0 0 9.5 12c-.927 0-1.772.363-2.399.953a7.6 7.6 0 0 1-1.312-.802l.001-.001C4.688 11.303 4.021 10.224 4 9.056V9c0-2.76 3.58-5 8-5s8 2.24 8 5m-9.001 6.56q-.01.21-.07.4A1.5 1.5 0 0 1 9.5 17a1.5 1.5 0 0 1-1.498-1.584A1.5 1.5 0 0 1 11 15.56"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 9c0-3.87-4.5-7-10-7S2 5.13 2 9v.025c.01 1.87 1.068 3.57 2.78 4.825l.003-.009q.61.445 1.321.81A3.5 3.5 0 0 0 6 15.5c0 1.26.67 2.37 1.67 3c-.21.61-.7 2.46.63 3.55c1.61 1.33 3.36.92 4.26.64c.252-.077.505-.182.78-.296c.716-.296 1.57-.649 2.88-.714c1.456-.08 2.712.13 3.345.237q.232.04.345.053s.95 0 1.06-.93c.11-.94-.94-1.07-.94-1.07s-1.6-.27-3.64-.26c-1.408.005-2.645.45-3.687.824c-1.26.453-2.233.803-2.873.146c-.65-.68-.44-1.32-.23-1.68a3.49 3.49 0 0 0 3.37-3.033a14 14 0 0 0 1.53-.187c4.175-.756 7.3-3.35 7.49-6.476Q22 9.154 22 9m-2 0c0 1.255-.743 2.405-1.968 3.284c-1.332.955-3.235 1.591-5.378 1.7A3.5 3.5 0 0 0 9.5 12c-.927 0-1.772.363-2.399.953a7.6 7.6 0 0 1-1.312-.802l.001-.001C4.688 11.303 4.021 10.224 4 9.056V9c0-2.76 3.58-5 8-5s8 2.24 8 5m-9.001 6.56q-.01.21-.07.4A1.5 1.5 0 0 1 9.5 17a1.5 1.5 0 0 1-1.498-1.584A1.5 1.5 0 0 1 11 15.56"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%209c0-3.87-4.5-7-10-7S2%205.13%202%209v.025c.01%201.87%201.068%203.57%202.78%204.825l.003-.009q.61.445%201.321.81A3.5%203.5%200%200%200%206%2015.5c0%201.26.67%202.37%201.67%203c-.21.61-.7%202.46.63%203.55c1.61%201.33%203.36.92%204.26.64c.252-.077.505-.182.78-.296c.716-.296%201.57-.649%202.88-.714c1.456-.08%202.712.13%203.345.237q.232.04.345.053s.95%200%201.06-.93c.11-.94-.94-1.07-.94-1.07s-1.6-.27-3.64-.26c-1.408.005-2.645.45-3.687.824c-1.26.453-2.233.803-2.873.146c-.65-.68-.44-1.32-.23-1.68a3.49%203.49%200%200%200%203.37-3.033a14%2014%200%200%200%201.53-.187c4.175-.756%207.3-3.35%207.49-6.476Q22%209.154%2022%209m-2%200c0%201.255-.743%202.405-1.968%203.284c-1.332.955-3.235%201.591-5.378%201.7A3.5%203.5%200%200%200%209.5%2012c-.927%200-1.772.363-2.399.953a7.6%207.6%200%200%201-1.312-.802l.001-.001C4.688%2011.303%204.021%2010.224%204%209.056V9c0-2.76%203.58-5%208-5s8%202.24%208%205m-9.001%206.56q-.01.21-.07.4A1.5%201.5%200%200%201%209.5%2017a1.5%201.5%200%200%201-1.498-1.584A1.5%201.5%200%200%201%2011%2015.56%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%209c0-3.87-4.5-7-10-7S2%205.13%202%209v.025c.01%201.87%201.068%203.57%202.78%204.825l.003-.009q.61.445%201.321.81A3.5%203.5%200%200%200%206%2015.5c0%201.26.67%202.37%201.67%203c-.21.61-.7%202.46.63%203.55c1.61%201.33%203.36.92%204.26.64c.252-.077.505-.182.78-.296c.716-.296%201.57-.649%202.88-.714c1.456-.08%202.712.13%203.345.237q.232.04.345.053s.95%200%201.06-.93c.11-.94-.94-1.07-.94-1.07s-1.6-.27-3.64-.26c-1.408.005-2.645.45-3.687.824c-1.26.453-2.233.803-2.873.146c-.65-.68-.44-1.32-.23-1.68a3.49%203.49%200%200%200%203.37-3.033a14%2014%200%200%200%201.53-.187c4.175-.756%207.3-3.35%207.49-6.476Q22%209.154%2022%209m-2%200c0%201.255-.743%202.405-1.968%203.284c-1.332.955-3.235%201.591-5.378%201.7A3.5%203.5%200%200%200%209.5%2012c-.927%200-1.772.363-2.399.953a7.6%207.6%200%200%201-1.312-.802l.001-.001C4.688%2011.303%204.021%2010.224%204%209.056V9c0-2.76%203.58-5%208-5s8%202.24%208%205m-9.001%206.56q-.01.21-.07.4A1.5%201.5%200%200%201%209.5%2017a1.5%201.5%200%200%201-1.498-1.584A1.5%201.5%200%200%201%2011%2015.56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/lasso.svg?color=%231a73e8&size=48
