<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M12.5 3.417a.75.75 0 0 1 .75.75v.916h2.167l.104.008a.75.75 0 0 1 .567.407l2.162 4.324v4.344a.75.75 0 0 1-.75.75h-1.036a2.416 2.416 0 0 1-4.594.001H8.13a2.415 2.415 0 1 1-2.295-3.167c1.072 0 1.98.7 2.295 1.667h3.741a2.417 2.417 0 0 1 4.593-.001h.287V10.75H12.5a.75.75 0 0 1-.75-.75V4.917H4.167a.75.75 0 0 1 0-1.5zM5.834 13.25a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.834m8.333 0a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.834M5.833 9.5a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1 0-1zm7.417-.25h3.037l-1.334-2.667H13.25zM5.834 7.833a.5.5 0 0 1 0 1H4.167a.5.5 0 0 1 0-1zm-.001-1.666a.5.5 0 0 1 0 1h-3.75a.5.5 0 0 1 0-1z"/></svg></template>
<script setup lang="ts">
/**
 * Delivery20 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>
