<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.5 2.583a.75.75 0 0 0 0 1.5h1.126l1.457 4.372v1.651a2.417 2.417 0 1 0 2.632 3.144h5.82a2.418 2.418 0 1 0 2.787-3.117L15.67 8.83a.75.75 0 0 0-.603-.411l-4.318-.393V5.833a.75.75 0 0 0-.75-.75H5.54l-.662-1.987a.75.75 0 0 0-.711-.513zm3.54 4 .35 1.048 2.86.26V6.583zm9.791 5h-.009a.917.917 0 1 0 .023 0zm-1.315-1.707.232.464a2.42 2.42 0 0 0-1.213 1.41h-5.82a2.42 2.42 0 0 0-1.132-1.367V9.155zM4.5 12.5a.917.917 0 1 1 1.833 0 .917.917 0 0 1-1.833 0"/></svg></template>
<script setup lang="ts">
/**
 * LawnMower20 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>
