<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M24 17.333a6.667 6.667 0 1 1 0 13.334 6.667 6.667 0 0 1 0-13.334m2.354 4.313a.5.5 0 0 0-.707 0L24 23.292l-1.646-1.646a.5.5 0 0 0-.707.707L23.291 24l-1.646 1.646a.5.5 0 0 0 .707.707L24 24.707l1.646 1.648a.501.501 0 0 0 .707-.709L24.707 24l1.646-1.646a.5.5 0 0 0 0-.709ZM9.334 19a3.67 3.67 0 0 1 3.526 2.667h2.793a8.7 8.7 0 0 0-.311 2H12.86A3.667 3.667 0 1 1 9.334 19m0 2a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334M20 5.667a1 1 0 0 1 1 1v1.666h3.667l.14.01a1 1 0 0 1 .755.543l3.332 6.667.106.21v1.16a8.63 8.63 0 0 0-5-1.59c-1.731 0-3.343.51-4.696 1.384A1 1 0 0 1 19 16V7.667H6.667a1 1 0 0 1 0-2zM9.333 15.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1zM21 15h5.383l-2.334-4.667H21zM9.334 12.833a.5.5 0 0 1 0 1H6.667a.5.5 0 1 1 0-1zm-.001-2.666a.5.5 0 1 1 0 1h-6a.5.5 0 0 1 0-1z"/></svg></template>
<script setup lang="ts">
/**
 * DeliveryOff32 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>
