<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M5 3.417a.75.75 0 0 0-.53 1.28l.386.386H2.5a.75.75 0 0 0-.75.75v10a.75.75 0 0 0 .75.75h15a.75.75 0 0 0 .75-.75v-10a.75.75 0 0 0-.75-.75h-2.74l.376-.41a.75.75 0 0 0-.553-1.257zm8.386 3.166-2.833 3.09a.75.75 0 0 1-1.083.024L6.356 6.583H3.25v8.5h3.333V11.25a.5.5 0 0 1 .5-.5h5.834a.5.5 0 0 1 .5.5v3.833h3.333v-8.5zm-3.41 1.5L6.811 4.916h6.067zM7.583 11.75H9.5v3.333H7.583zm2.917 0v3.333h1.917V11.75z"/></svg></template>
<script setup lang="ts">
/**
 * StoreBricoman20 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>
