<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.335 6.667 6.667 0 0 1 0-13.335M15.37 3.225a1 1 0 0 1 1.337.068L24.414 11H28a1 1 0 0 1 1 1v4.923a8.6 8.6 0 0 0-2-1.056V13h-3a1 1 0 0 1-.707-.293L16 5.414l-7.293 7.293A1 1 0 0 1 8 13H5v14h5.833v-6.333a.5.5 0 0 1 .5-.5h4.894a8.6 8.6 0 0 0-.727 2.14v-1.14h-3.667V27H15.5v-1.308A8.6 8.6 0 0 0 16.923 29H4a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h3.586l7.707-7.707zm10.984 18.42a.5.5 0 0 0-.707 0L24 23.294l-1.646-1.646a.5.5 0 0 0-.707.707L23.291 24l-1.646 1.647a.5.5 0 0 0 .707.707L24 24.707l1.646 1.648a.501.501 0 0 0 .707-.708L24.707 24l1.646-1.646a.5.5 0 0 0 0-.708Zm-10.708-11.33a.5.5 0 0 1 .707 0l5.334 5.333a8.6 8.6 0 0 0-2.03.853h-8.991a.5.5 0 0 1-.354-.853l5.333-5.333Z"/></svg></template>
<script setup lang="ts">
/**
 * StoreLmOff32 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>
