lasso icon
lasso from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- lasso
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
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 56 56"><path fill="currentColor" d="M3.86 25.234c0 10.758 9.234 16.805 20.765 16.805c.89 0 1.805-.047 2.719-.094c.96.399 2.11.633 3.398.633c3.516 0 7.078-.984 10.242-2.672a5.7 5.7 0 0 1 .094 1.102c0 2.812-1.594 5.554-4.219 7.219c-.68.492-1.172.984-1.172 1.828c0 .867.704 1.617 1.805 1.617c.516 0 .82-.14 1.266-.422c3.61-2.344 5.836-6.258 5.836-10.312c0-1.079-.14-2.086-.422-3.047c4.71-3.586 7.969-8.86 7.969-14.649c0-11.156-9.938-18.914-21.82-18.914c-13.008 0-26.462 8.531-26.462 20.906m3.539.024c0-10.219 11.718-17.39 22.945-17.39c9.82 0 18.281 6.093 18.281 15.35c0 4.43-2.484 8.532-6.094 11.462c-1.968-2.602-5.156-4.242-8.836-4.242c-5.367 0-9.422 2.812-9.422 6.96q0 .598.141 1.125C15.063 38.406 7.4 34 7.4 25.258M27.836 37.28c0-1.968 2.742-3.281 6.14-3.281c2.344 0 4.36 1.008 5.65 2.648c-2.743 1.524-5.86 2.414-8.884 2.414c-1.687 0-2.906-.656-2.906-1.78"/></svg>
React
import type { SVGProps } from "react";
export function F7Lasso(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M3.86 25.234c0 10.758 9.234 16.805 20.765 16.805c.89 0 1.805-.047 2.719-.094c.96.399 2.11.633 3.398.633c3.516 0 7.078-.984 10.242-2.672a5.7 5.7 0 0 1 .094 1.102c0 2.812-1.594 5.554-4.219 7.219c-.68.492-1.172.984-1.172 1.828c0 .867.704 1.617 1.805 1.617c.516 0 .82-.14 1.266-.422c3.61-2.344 5.836-6.258 5.836-10.312c0-1.079-.14-2.086-.422-3.047c4.71-3.586 7.969-8.86 7.969-14.649c0-11.156-9.938-18.914-21.82-18.914c-13.008 0-26.462 8.531-26.462 20.906m3.539.024c0-10.219 11.718-17.39 22.945-17.39c9.82 0 18.281 6.093 18.281 15.35c0 4.43-2.484 8.532-6.094 11.462c-1.968-2.602-5.156-4.242-8.836-4.242c-5.367 0-9.422 2.812-9.422 6.96q0 .598.141 1.125C15.063 38.406 7.4 34 7.4 25.258M27.836 37.28c0-1.968 2.742-3.281 6.14-3.281c2.344 0 4.36 1.008 5.65 2.648c-2.743 1.524-5.86 2.414-8.884 2.414c-1.687 0-2.906-.656-2.906-1.78"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M3.86 25.234c0 10.758 9.234 16.805 20.765 16.805c.89 0 1.805-.047 2.719-.094c.96.399 2.11.633 3.398.633c3.516 0 7.078-.984 10.242-2.672a5.7 5.7 0 0 1 .094 1.102c0 2.812-1.594 5.554-4.219 7.219c-.68.492-1.172.984-1.172 1.828c0 .867.704 1.617 1.805 1.617c.516 0 .82-.14 1.266-.422c3.61-2.344 5.836-6.258 5.836-10.312c0-1.079-.14-2.086-.422-3.047c4.71-3.586 7.969-8.86 7.969-14.649c0-11.156-9.938-18.914-21.82-18.914c-13.008 0-26.462 8.531-26.462 20.906m3.539.024c0-10.219 11.718-17.39 22.945-17.39c9.82 0 18.281 6.093 18.281 15.35c0 4.43-2.484 8.532-6.094 11.462c-1.968-2.602-5.156-4.242-8.836-4.242c-5.367 0-9.422 2.812-9.422 6.96q0 .598.141 1.125C15.063 38.406 7.4 34 7.4 25.258M27.836 37.28c0-1.968 2.742-3.281 6.14-3.281c2.344 0 4.36 1.008 5.65 2.648c-2.743 1.524-5.86 2.414-8.884 2.414c-1.687 0-2.906-.656-2.906-1.78"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.86%2025.234c0%2010.758%209.234%2016.805%2020.765%2016.805c.89%200%201.805-.047%202.719-.094c.96.399%202.11.633%203.398.633c3.516%200%207.078-.984%2010.242-2.672a5.7%205.7%200%200%201%20.094%201.102c0%202.812-1.594%205.554-4.219%207.219c-.68.492-1.172.984-1.172%201.828c0%20.867.704%201.617%201.805%201.617c.516%200%20.82-.14%201.266-.422c3.61-2.344%205.836-6.258%205.836-10.312c0-1.079-.14-2.086-.422-3.047c4.71-3.586%207.969-8.86%207.969-14.649c0-11.156-9.938-18.914-21.82-18.914c-13.008%200-26.462%208.531-26.462%2020.906m3.539.024c0-10.219%2011.718-17.39%2022.945-17.39c9.82%200%2018.281%206.093%2018.281%2015.35c0%204.43-2.484%208.532-6.094%2011.462c-1.968-2.602-5.156-4.242-8.836-4.242c-5.367%200-9.422%202.812-9.422%206.96q0%20.598.141%201.125C15.063%2038.406%207.4%2034%207.4%2025.258M27.836%2037.28c0-1.968%202.742-3.281%206.14-3.281c2.344%200%204.36%201.008%205.65%202.648c-2.743%201.524-5.86%202.414-8.884%202.414c-1.687%200-2.906-.656-2.906-1.78%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.86%2025.234c0%2010.758%209.234%2016.805%2020.765%2016.805c.89%200%201.805-.047%202.719-.094c.96.399%202.11.633%203.398.633c3.516%200%207.078-.984%2010.242-2.672a5.7%205.7%200%200%201%20.094%201.102c0%202.812-1.594%205.554-4.219%207.219c-.68.492-1.172.984-1.172%201.828c0%20.867.704%201.617%201.805%201.617c.516%200%20.82-.14%201.266-.422c3.61-2.344%205.836-6.258%205.836-10.312c0-1.079-.14-2.086-.422-3.047c4.71-3.586%207.969-8.86%207.969-14.649c0-11.156-9.938-18.914-21.82-18.914c-13.008%200-26.462%208.531-26.462%2020.906m3.539.024c0-10.219%2011.718-17.39%2022.945-17.39c9.82%200%2018.281%206.093%2018.281%2015.35c0%204.43-2.484%208.532-6.094%2011.462c-1.968-2.602-5.156-4.242-8.836-4.242c-5.367%200-9.422%202.812-9.422%206.96q0%20.598.141%201.125C15.063%2038.406%207.4%2034%207.4%2025.258M27.836%2037.28c0-1.968%202.742-3.281%206.14-3.281c2.344%200%204.36%201.008%205.65%202.648c-2.743%201.524-5.86%202.414-8.884%202.414c-1.687%200-2.906-.656-2.906-1.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/lasso.svg?color=%231a73e8&size=48
