Lasso icon

Use the Lasso icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Lasso24Regular, Lasso24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Lasso24Regular aria-label="Lasso" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_lasso_24_regular.svg" width="24" height="24" alt="Lasso">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.70276 2.2653C10.4411 2.09168 11.2103 2 12 2C12.7897 2 13.5589 2.09168 14.2972 2.2653C14.7005 2.36011 14.9505 2.76385 14.8557 3.16706C14.7608 3.57028 14.3571 3.82029 13.9539 3.72547C13.3273 3.57812 12.6732 3.5 12 3.5C11.3268 3.5 10.6727 3.57812 10.0461 3.72547C9.6429 3.82029 9.23917 3.57028 9.14435 3.16706C9.04953 2.76385 9.29954 2.36011 9.70276 2.2653ZM7.77348 3.73572C7.9916 4.08785 7.88296 4.55013 7.53082 4.76825C6.4101 5.46245 5.46245 6.4101 4.76825 7.53082C4.55013 7.88296 4.08785 7.9916 3.73572 7.77348C3.38359 7.55536 3.27495 7.09308 3.49307 6.74095C4.30936 5.42312 5.42312 4.30936 6.74095 3.49307C7.09308 3.27495 7.55536 3.38359 7.77348 3.73572ZM16.2265 3.73572C16.4446 3.38359 16.9069 3.27495 17.2591 3.49307C18.5769 4.30936 19.6906 5.42312 20.5069 6.74095C20.7251 7.09308 20.6164 7.55536 20.2643 7.77348C19.9121 7.9916 19.4499 7.88296 19.2318 7.53082C18.5375 6.4101 17.5899 5.46245 16.4692 4.76825C16.117 4.55013 16.0084 4.08785 16.2265 3.73572ZM3.16706 9.14435C3.57028 9.23916 3.82029 9.6429 3.72547 10.0461C3.57812 10.6727 3.5 11.3268 3.5 12C3.5 12.6732 3.57812 13.3273 3.72547 13.9539C3.82029 14.3571 3.57028 14.7608 3.16706 14.8556C2.76385 14.9505 2.36011 14.7005 2.2653 14.2972C2.09168 13.5589 2 12.7897 2 12C2 11.2103 2.09168 10.4411 2.2653 9.70276C2.36011 9.29954 2.76385 9.04953 3.16706 9.14435ZM20.8329 9.14435C21.2362 9.04953 21.6399 9.29954 21.7347 9.70276C21.9083 10.4411 22 11.2103 22 12C22 12.7897 21.9083 13.5589 21.7347 14.2972C21.6399 14.7005 21.2362 14.9505 20.8329 14.8557C20.4297 14.7608 20.1797 14.3571 20.2745 13.9539C20.4219 13.3273 20.5 12.6732 20.5 12C20.5 11.3268 20.4219 10.6727 20.2745 10.0461C20.1797 9.6429 20.4297 9.23917 20.8329 9.14435ZM3.73572 16.2265C4.08785 16.0084 4.55013 16.117 4.76825 16.4692C5.46245 17.5899 6.4101 18.5375 7.53082 19.2317C7.88296 19.4499 7.9916 19.9121 7.77348 20.2643C7.55536 20.6164 7.09308 20.7251 6.74095 20.5069C5.42312 19.6906 4.30936 18.5769 3.49307 17.2591C3.27495 16.9069 3.38359 16.4446 3.73572 16.2265ZM20.4209 17.0854C20.6061 16.7149 20.456 16.2644 20.0855 16.0792C19.7151 15.894 19.2646 16.0445 19.0792 16.4146L19.077 16.4189L19.0619 16.4476C19.0476 16.4745 19.0248 16.5164 18.9934 16.5713C18.9307 16.6811 18.8342 16.842 18.7041 17.0371C18.479 17.3747 18.1568 17.8093 17.739 18.2559C16.5692 17.1833 14.983 16.25 12.9996 16.25C10.6523 16.25 9.00972 17.4532 9.00977 19.125C9.00981 20.7969 10.6524 22 12.9999 22C14.9406 22 16.4943 21.2505 17.6572 20.3545C18.0913 20.8865 18.4294 21.4057 18.667 21.8098C18.803 22.0411 18.9048 22.2326 18.9716 22.3642C19.0051 22.4299 19.0297 22.4805 19.0454 22.5135L19.0622 22.5494L19.066 22.5577C19.2358 22.935 19.6791 23.1037 20.0568 22.9344C20.4348 22.7649 20.6038 22.3211 20.4344 21.9432C20.3468 21.7602 20.4338 21.942 20.4338 21.942L20.4331 21.9403L20.4309 21.9356L20.424 21.9205C20.4182 21.9079 20.4101 21.8905 20.3996 21.8686C20.3787 21.8246 20.3484 21.7625 20.3089 21.6847C20.2299 21.5291 20.1134 21.3104 19.9601 21.0496C19.6855 20.5826 19.2886 19.9735 18.7712 19.3475C19.2879 18.8049 19.681 18.2759 19.9522 17.8692C20.1034 17.6423 20.2179 17.4518 20.2958 17.3155C20.3347 17.2473 20.3646 17.1925 20.3855 17.1535C20.3959 17.134 20.404 17.1183 20.4099 17.1069L20.4171 17.0929L20.4194 17.0883L20.4209 17.0854ZM12.9996 17.75C14.4326 17.75 15.6436 18.402 16.6155 19.262C15.6656 19.9627 14.4615 20.5 12.9999 20.5C11.0273 20.5 10.5098 19.5782 10.5098 19.125C10.5098 18.6718 11.0272 17.75 12.9996 17.75Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/lasso_24_regular.svg";

Details

Keywords

selecteditcreatetool