<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="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10m3.707 6.293a1 1 0 0 0-1.414 0l-2.294 2.293-2.292-2.293a1 1 0 0 0-1.414 1.414L34.585 36l-2.292 2.293a1 1 0 0 0 1.414 1.414l2.292-2.293 2.294 2.293a1 1 0 0 0 1.414-1.414L37.413 36l2.294-2.293a1 1 0 0 0 0-1.414M14 28.5a5.5 5.5 0 0 1 5.292 4h4.185a13 13 0 0 0-.467 3h-3.718A5.501 5.501 0 0 1 8.5 34a5.5 5.5 0 0 1 5.5-5.5m0 3a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m16-23a1.5 1.5 0 0 1 1.5 1.5v2.5H37a1.5 1.5 0 0 1 1.342.83L43.5 23.644v1.735A12.94 12.94 0 0 0 36 23a12.94 12.94 0 0 0-7.047 2.073A1.5 1.5 0 0 1 28.5 24V11.5H10a1.5 1.5 0 0 1 0-3zM14 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">
/**
 * DeliveryOff48 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>
