<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="M1.75 2.5a.75.75 0 0 1 .75-.75h1.667a.75.75 0 0 1 .75.75v9.667H6.75V6.25a.75.75 0 0 1 .75-.75h6.667a.75.75 0 0 1 .75.75v5.917h1.439l.614-.614a.75.75 0 1 1 1.06 1.06l-.833.834a.75.75 0 0 1-.53.22h-12.5a.75.75 0 0 1-.75-.75V3.25H2.5a.75.75 0 0 1-.75-.75m11.667 9.667H8.25V7h2.083v1.333a.5.5 0 0 0 1 0V7h2.084zm-6.334 4a.292.292 0 1 0 0 .583.292.292 0 0 0 0-.583m-1.791.291a1.792 1.792 0 1 1 3.583 0 1.792 1.792 0 0 1-3.583 0m8.375 0a.292.292 0 1 1 .583 0 .292.292 0 0 1-.583 0m.291-1.791a1.792 1.792 0 1 0 0 3.583 1.792 1.792 0 0 0 0-3.583"/></svg></template>
<script setup lang="ts">
/**
 * Trolley20 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>
