<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M25.766 4.836a1 1 0 0 0-.695-1.721l-14.36.05a1 1 0 0 0-.924 1.374l1.81 4.482-1.893.764a3 3 0 0 0-3.68-1.21l-2.472 1a3 3 0 0 0 2.247 5.563l2.473-1a3 3 0 0 0 1.806-3.425l1.894-.765 1.81 4.481a1 1 0 0 0 1.62.347zm-11.94 4.362 1.258 3.112 7.494-7.187-10.384.036 1.258 3.112 1.545-.624a.5.5 0 0 1 .375.927zm-5.75 1.785a1 1 0 0 0-1.303-.553l-2.472 1a1 1 0 1 0 .75 1.853l2.472-.998a1 1 0 0 0 .552-1.302m14.591.683a1 1 0 0 0-1 1V17H9.334a1 1 0 0 0-1 1v4.333H4a1 1 0 0 0-1 1v5.334a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-16a1 1 0 0 0-1-1zM27 17h-3.333v-3.333H27zm-4.333 2H27v3.333h-7.333V19zm1 5.333H27v3.334h-3.333zm-2 0v3.334h-7.333v-3.334zm-9.333 0v3.334H5v-3.334zM17.667 19v3.333h-7.333V19z"/></svg></template>
<script setup lang="ts">
/**
 * MasonryAlt32 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>
