<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#media_lasso-polygon_32__a)"><path d="M3.363 3.229a1 1 0 0 1 1.115-.108l14.118 7.7L27.42 4.52a1 1 0 0 1 1.567.978l-2.667 16a1 1 0 0 1-.83.824L14.028 24.13a3.666 3.666 0 0 1-6.07 1.007l-1.881.94-1.182 2.37a1 1 0 0 1-1.789-.893l1.332-2.668.083-.139a1 1 0 0 1 .364-.31l2.18-1.089a3.66 3.66 0 0 1 1.023-3.288L3.049 4.304a1 1 0 0 1 .315-1.075ZM10.668 21a1.667 1.667 0 1 0 0 3.335 1.667 1.667 0 0 0 0-3.335m-.791-1.914a3.666 3.666 0 0 1 4.407 2.98l10.181-1.608L26.617 7.55l-7.37 5.263a1 1 0 0 1-1.06.064L5.714 6.073z"/></g><defs><clipPath id="media_lasso-polygon_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * LassoPolygon32 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>
