<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="M22.912 4.502c4.621-.271 9.807 1.098 14.147 5.438s5.709 9.526 5.437 14.148c-.268 4.56-2.139 8.675-4.437 10.973-4.38 4.38-9.346 5.208-13.167 4.935a20 20 0 0 1-4.667-.913 17 17 0 0 1-1.25-.458 5.49 5.49 0 0 1-7.153-1.054c-2.053.465-3.053 1.077-3.57 1.666-.522.598-.752 1.408-.751 2.762a1.5 1.5 0 0 1-3 .002c-.001-1.645.268-3.336 1.494-4.738 1.014-1.159 2.526-1.939 4.564-2.47a5.47 5.47 0 0 1 .77-3.696 29 29 0 0 1-.816-1.621c-.653-1.406-1.444-3.38-1.974-5.633-1.05-4.465-1.138-10.367 3.4-14.905 2.298-2.298 6.414-4.168 10.973-4.436m12.026 7.559c-3.66-3.66-7.973-4.792-11.85-4.564-3.94.232-7.326 1.86-9.028 3.563-3.461 3.461-3.55 8.06-2.6 12.096.47 1.998 1.178 3.774 1.774 5.055q.214.458.399.823a5.5 5.5 0 0 1 7.412 7.158l.104.037c.977.316 2.356.66 3.957.775 3.18.227 7.212-.444 10.832-4.064 1.702-1.703 3.332-5.087 3.564-9.028.228-3.878-.904-8.192-4.564-11.851M16.002 31.5a2.5 2.5 0 1 0 0 4.999 2.5 2.5 0 0 0 0-5Z"/></svg></template>
<script setup lang="ts">
/**
 * LassoFreehand48 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>
