<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 3a1 1 0 0 0 0 2h1.28L6 10.162v1.88A3 3 0 1 0 9.33 16h6.84a3.001 3.001 0 1 0 3.484-3.929l-.76-1.518a1 1 0 0 0-.803-.549L13 9.541V7a1 1 0 0 0-1-1H6.72L5.95 3.684A1 1 0 0 0 5 3zm4.387 5 .355 1.063L11 9.36V8zm11.628 6h-.03a1 1 0 1 0 .03 0m-1.66-2.055.21.42A3 3 0 0 0 16.17 14H9.329A3 3 0 0 0 8 12.401v-1.306zM5.5 15a1 1 0 1 1 2 0 1 1 0 0 1-2 0"/></svg></template>
<script setup lang="ts">
/**
 * LawnMower24 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>
