<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="M15 10.833a4.167 4.167 0 1 1 0 8.334 4.167 4.167 0 0 1 0-8.334m1.604 2.563a.5.5 0 0 0-.707 0l-.897.897-.896-.896a.5.5 0 0 0-.707.707l.896.896-.896.896a.5.5 0 0 0 .707.707l.896-.896.896.896a.5.5 0 0 0 .707-.707L15.707 15l.896-.896a.5.5 0 0 0 0-.707ZM5.834 11.75c1.072 0 1.98.7 2.295 1.667h1.69a5.4 5.4 0 0 0-.234 1.5H8.129a2.415 2.415 0 1 1-2.295-3.167m0 1.5a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.834M12.5 3.417a.75.75 0 0 1 .75.75v.916h2.167l.104.008a.75.75 0 0 1 .567.407l2.162 4.324v.844A5.4 5.4 0 0 0 15 9.583a5.4 5.4 0 0 0-3.041.934.75.75 0 0 1-.209-.517V4.917H4.167a.75.75 0 0 1 0-1.5zM5.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">
/**
 * DeliveryOff20 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>
