<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M30 8.5a1.5 1.5 0 0 1 1.5 1.5v2.5H37a1.5 1.5 0 0 1 1.342.83L43.5 23.644V34a1.5 1.5 0 0 1-1.5 1.5h-2.708a5.501 5.501 0 0 1-10.584 0h-9.416A5.501 5.501 0 0 1 8.5 34a5.5 5.5 0 0 1 10.792-1.5h9.416a5.501 5.501 0 0 1 10.584 0H40.5v-7H30a1.5 1.5 0 0 1-1.5-1.5V11.5H10a1.5 1.5 0 0 1 0-3zm-16 23a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m20 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M14 23a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm17.5-.5h8.072l-3.5-7H31.5zM14 19a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm0-4a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2z"/></svg></template>
<script setup lang="ts">
/**
 * Delivery48 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>
