<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-.707Zm-2.021-9.979a.75.75 0 0 1 .553 1.257l-.375.409H17.5a.75.75 0 0 1 .75.75v4.833a5.4 5.4 0 0 0-1.5-.792V6.583h-3.364l-2.833 3.09a.75.75 0 0 1-1.083.024L6.355 6.583H3.25v8.5h3.333V11.25a.5.5 0 0 1 .5-.5h4.56c-.366.29-.696.626-.977 1H10.5v.234a5.42 5.42 0 0 0-.68 4.599H2.5a.75.75 0 0 1-.75-.75v-10a.75.75 0 0 1 .75-.75h2.355l-.385-.386A.75.75 0 0 1 5 3.417zm-7 11.666H9.5V11.75H7.583zm2.393-7.001 2.902-3.165H6.81l3.165 3.165Z"/></svg></template>
<script setup lang="ts">
/**
 * StoreMOff20 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>
