<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10m3.707 6.293a1 1 0 0 0-1.414 0l-2.294 2.293-2.292-2.293a1 1 0 0 0-1.414 1.414L34.585 36l-2.292 2.293a1 1 0 0 0 1.414 1.414l2.292-2.293 2.294 2.293a1 1 0 0 0 1.414-1.414L37.413 36l2.294-2.293a1 1 0 0 0 0-1.414M35 8.5a1.5 1.5 0 0 1 1.105 2.514L34.743 12.5H42a1.5 1.5 0 0 1 1.5 1.5v11.38a13 13 0 0 0-3-1.58v-8.3H32l-.007-.001-6.887 7.515a1.5 1.5 0 0 1-2.167.047L15.38 15.5H7.5v21H16V27a1 1 0 0 1 1-1h10.694a13 13 0 0 0-1.937 2H25v1.07A12.94 12.94 0 0 0 23 36c0 1.213.167 2.386.477 3.5H6A1.5 1.5 0 0 1 4.5 38V14A1.5 1.5 0 0 1 6 12.5h6.379l-1.44-1.44A1.5 1.5 0 0 1 12 8.5zm-17 28h5V28h-5zm5.952-16.669L31.59 11.5H15.62l8.331 8.331Z"/></svg></template>
<script setup lang="ts">
/**
 * StoreMOff48 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>
