Lasso Select Icon SVG
Lasso Select
Lasso select SVG Icon Code | Customize color
You can get svg icon lasso select in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M7 22a5 5 0 0 1-2-4" /> <path d="M7 16.93c.96.43 1.96.74 2.99.91" /> <path d="M3.34 14A6.8 6.8 0 0 1 2 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 0 1-.33 2" /> <path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" /> <path d="M14.33 22h-.09a.35.35 0 0 1-.24-.32v-10a.34.34 0 0 1 .33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 0 1-.21.59h-4.49l-2.57 3.85a.35.35 0 0 1-.28.14v0z" /> </svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M7 22a5 5 0 0 1-2-4" fill="white"></path> <path d="M7 16.93c.96.43 1.96.74 2.99.91" fill="white"></path> <path d="M3.34 14A6.8 6.8 0 0 1 2 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 0 1-.33 2" fill="white"></path> <path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="white"></path> <path d="M14.33 22h-.09a.35.35 0 0 1-.24-.32v-10a.34.34 0 0 1 .33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 0 1-.21.59h-4.49l-2.57 3.85a.35.35 0 0 1-.28.14v0z" fill="white"></path> </svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M7 22a5 5 0 0 1-2-4" fill="red"></path> <path d="M7 16.93c.96.43 1.96.74 2.99.91" fill="red"></path> <path d="M3.34 14A6.8 6.8 0 0 1 2 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 0 1-.33 2" fill="red"></path> <path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="red"></path> <path d="M14.33 22h-.09a.35.35 0 0 1-.24-.32v-10a.34.34 0 0 1 .33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 0 1-.21.59h-4.49l-2.57 3.85a.35.35 0 0 1-.28.14v0z" fill="red"></path> </svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M7 22a5 5 0 0 1-2-4" fill="blue"></path> <path d="M7 16.93c.96.43 1.96.74 2.99.91" fill="blue"></path> <path d="M3.34 14A6.8 6.8 0 0 1 2 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 0 1-.33 2" fill="blue"></path> <path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="blue"></path> <path d="M14.33 22h-.09a.35.35 0 0 1-.24-.32v-10a.34.34 0 0 1 .33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 0 1-.21.59h-4.49l-2.57 3.85a.35.35 0 0 1-.28.14v0z" fill="blue"></path> </svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M7 22a5 5 0 0 1-2-4" fill="#f3da35"></path> <path d="M7 16.93c.96.43 1.96.74 2.99.91" fill="#f3da35"></path> <path d="M3.34 14A6.8 6.8 0 0 1 2 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 0 1-.33 2" fill="#f3da35"></path> <path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="#f3da35"></path> <path d="M14.33 22h-.09a.35.35 0 0 1-.24-.32v-10a.34.34 0 0 1 .33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 0 1-.21.59h-4.49l-2.57 3.85a.35.35 0 0 1-.28.14v0z" fill="#f3da35"></path> </svg>
Advance Editor
You can edit lasso select as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements