<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="M2 3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v11.5h2v-7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7h1.586l.707-.707a1 1 0 0 1 1.414 1.414l-1 1A1 1 0 0 1 20 16.5H5a1 1 0 0 1-1-1V4H3a1 1 0 0 1-1-1m14 5.5v6h-6v-6h2.5V10a.5.5 0 0 0 1 0V8.5zm-7.5 11a.25.25 0 1 0 0 .5.25.25 0 0 0 0-.5m-2.25.25a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0m10.25 0a.25.25 0 1 1 .5 0 .25.25 0 0 1-.5 0m.25-2.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"/></svg></template>
<script setup lang="ts">
/**
 * Trolley24 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>
