<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-.709Zm-3.022-15.98a1.001 1.001 0 0 1 .737 1.676l-.907.99H28a1 1 0 0 1 1 1v7.59a8.6 8.6 0 0 0-2-1.056v-5.534h-5.667l-.004-.001-4.592 5.01a1 1 0 0 1-1.444.032l-5.041-5.041H5v14h5.833V18a.5.5 0 0 1 .5-.5h6.937a9 9 0 0 0-.967 1H16.5v1.158a8.6 8.6 0 0 0-1 2.65V18.5h-3.667v5.833h3.509c.026.69.133 1.36.311 2H4a1 1 0 0 1-1-1v-16a1 1 0 0 1 1-1h4.252l-.959-.959A1 1 0 0 1 8 5.667zm-7.365 7.554 5.092-5.554H10.414z"/></svg></template>
<script setup lang="ts">
/**
 * StoreMOff32 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>
