<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M38.65 7.255a1.5 1.5 0 0 0-1.044-2.583l-21.54.075a1.5 1.5 0 0 0-1.386 2.062l2.622 6.49-2.886 1.166a4.5 4.5 0 0 0-5.38-1.601l-3.709 1.498A4.5 4.5 0 1 0 8.7 22.707l3.708-1.499a4.5 4.5 0 0 0 2.758-4.888l2.886-1.166 2.622 6.49a1.5 1.5 0 0 0 2.43.52zM20.832 14.03l1.792 4.436 11.241-10.78-15.575.053 1.792 4.436 2.318-.936a1 1 0 0 1 .75 1.854zm-8.72 2.444a1.5 1.5 0 0 0-1.953-.829L6.45 17.144a1.5 1.5 0 0 0 1.124 2.781l3.709-1.498a1.5 1.5 0 0 0 .828-1.953M34 17.5a1.5 1.5 0 0 0-1.5 1.5v6.5H14a1.5 1.5 0 0 0-1.5 1.5v6.5H6A1.5 1.5 0 0 0 4.5 35v8A1.5 1.5 0 0 0 6 44.5h36a1.5 1.5 0 0 0 1.5-1.5V19a1.5 1.5 0 0 0-1.5-1.5zm6.5 8h-5v-5h5zm-6.5 3h6.5v5h-11v-5zm1.5 8h5v5h-5zm-3 0v5h-11v-5zm-14 0v5h-11v-5zm8-8v5h-11v-5z"/></svg></template>
<script setup lang="ts">
/**
 * MasonryAlt48 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>
