<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3.033 2.001a.5.5 0 0 1 .465.532c-.066 1-.004 1.865.148 2.606a4.7 4.7 0 0 1 .666-.654c1.06-.848 2.335-1.052 3.374-.674C8.742 4.195 9.5 5.163 9.5 6.5c0 1.246-.455 2.2-1.22 2.738-.763.534-1.742.59-2.653.226-.811-.324-1.567-.971-2.135-1.928-.635 1.989-.628 5.136.98 9.801a.5.5 0 1 1-.945.326c-1.88-5.45-1.705-9.154-.609-11.392-.349-1.041-.517-2.312-.417-3.804A.5.5 0 0 1 3.033 2m.982 4.351c.498 1.192 1.265 1.896 1.983 2.184.651.26 1.266.192 1.707-.117.437-.307.795-.915.795-1.919 0-.913-.492-1.508-1.156-1.749-.679-.247-1.592-.138-2.407.514-.33.264-.647.622-.922 1.087m14.692-2.559a1 1 0 0 0-1.414 0l-10 10a1 1 0 0 0-.242.39l-1.5 4.5a1 1 0 0 0 1.265 1.266l4.5-1.5a1 1 0 0 0 .39-.242l10-10a1 1 0 0 0 0-1.414zM8.613 15.821l-.532 1.598 1.598-.533zm9.533-6.882 1.44-1.439L18 5.914l-1.44 1.44zm-.707.707-1.586-1.585-6.793 6.793 1.586 1.586z"/></svg></template>
<script setup lang="ts">
/**
 * Draw24 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>
