<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M3 4a1 1 0 0 1 1-1h2.667a1 1 0 0 1 1 1v15.667H11V10a1 1 0 0 1 1-1h10.667a1 1 0 0 1 1 1v9.667h2.585l1.04-1.04a1 1 0 0 1 1.415 1.413l-1.333 1.334a1 1 0 0 1-.707.293h-20a1 1 0 0 1-1-1V5H4a1 1 0 0 1-1-1m18.667 15.667H13V11h3.833v2.333a.5.5 0 1 0 1 0V11h3.834zm-10.334 6a.667.667 0 1 0 0 1.333.667.667 0 0 0 0-1.333m-2.666.666a2.667 2.667 0 1 1 5.333 0 2.667 2.667 0 0 1-5.333 0m13 0a.667.667 0 1 1 1.333 0 .667.667 0 0 1-1.333 0m.666-2.666a2.667 2.667 0 1 0 0 5.333 2.667 2.667 0 0 0 0-5.333"/></svg></template>
<script setup lang="ts">
/**
 * Trolley32 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>
