<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10M7 14c1.306 0 2.414.835 2.826 2h1.989a6.5 6.5 0 0 0-.315 2H9.826A2.998 2.998 0 0 1 4 17a3 3 0 0 1 3-3m12.854 2.146a.5.5 0 0 0-.709 0L18 17.293l-1.146-1.146a.5.5 0 0 0-.707.707L17.293 18l-1.146 1.146a.5.5 0 0 0 .707.707L18 18.707l1.145 1.146a.501.501 0 0 0 .709-.707L18.707 18l1.146-1.146a.5.5 0 0 0 0-.707ZM7 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2m8-12a1 1 0 0 1 1 1v1h2.5a1 1 0 0 1 .895.553L22 11.763v1.115a6.47 6.47 0 0 0-4-1.378c-1.39 0-2.676.437-3.732 1.18A1 1 0 0 1 14 12V6H5a1 1 0 0 1 0-2zm-8 7.5a.5.5 0 0 1 0 1H4a.5.5 0 0 1 0-1zm9-.5h3.382l-1.5-3H16zM7 9.5a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm0-2a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1 0-1z"/></svg></template>
<script setup lang="ts">
/**
 * DeliveryOff24 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>
