<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M2.022 1.921a.75.75 0 0 1 .837-.08l8.754 4.775 5.451-3.893a.751.751 0 0 1 1.176.733l-1.667 10a.75.75 0 0 1-.623.619l-7.1 1.12a2.413 2.413 0 0 1-3.902.669l-1.056.528-.72 1.443a.75.75 0 0 1-1.342-.67l.832-1.668a.75.75 0 0 1 .336-.335l1.281-.641a2.4 2.4 0 0 1 .635-2.015L1.786 2.728a.75.75 0 0 1 .236-.807m4.646 11.33a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.835Zm-.41-1.464a2.415 2.415 0 0 1 2.768 1.862l6.156-.972 1.28-7.682-4.36 3.115a.75.75 0 0 1-.795.048L3.785 4.054z"/></svg></template>
<script setup lang="ts">
/**
 * LassoPolygon20 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
