<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M2.363 2.229a1 1 0 0 1 1.115-.108l10.451 5.7 6.49-4.634a1 1 0 0 1 1.567.977l-2 12a1 1 0 0 1-.83.824l-8.467 1.336A3 3 0 0 1 8.001 20a3 3 0 0 1-2.081-.842l-1.176.586-.849 1.703a1 1 0 0 1-1.789-.893l1-2 .082-.14c.094-.13.22-.237.364-.31l1.471-.735a2.99 2.99 0 0 1 .76-2.387L2.049 3.305a1 1 0 0 1 .315-1.075ZM8.001 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-.422-1.97a2.997 2.997 0 0 1 3.327 2.236l7.227-1.14 1.484-8.91-5.036 3.597a1 1 0 0 1-1.06.064L4.714 5.073z"/></svg></template>
<script setup lang="ts">
/**
 * LassoPolygon24 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>
