<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M5.045 4.843a1.5 1.5 0 0 1 1.673-.16l21.175 11.549L41.128 6.78a1.5 1.5 0 0 1 2.351 1.467l-4 24a1.5 1.5 0 0 1-1.245 1.235l-17.191 2.714a5.5 5.5 0 0 1-9.105 1.51l-2.822 1.409-1.773 3.554a1.5 1.5 0 1 1-2.684-1.34l1.998-4.002.059-.106c.146-.242.358-.438.613-.565l3.268-1.634a5.48 5.48 0 0 1 1.535-4.933L4.572 6.456a1.5 1.5 0 0 1 .474-1.613ZM16.002 31.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m-1.187-2.87a5.5 5.5 0 0 1 6.611 4.47l15.272-2.412 3.227-19.361-11.053 7.893a1.5 1.5 0 0 1-1.591.096L8.57 9.11z"/></svg></template>
<script setup lang="ts">
/**
 * LassoPolygon48 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>
