<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M51.186 9.313a1.5 1.5 0 0 0-1.043-2.583l-28.721.1a1.5 1.5 0 0 0-1.386 2.061l3.622 8.963-4.722 1.908a5.5 5.5 0 0 0-6.7-2.146L7.29 19.613a5.5 5.5 0 1 0 4.12 10.2l4.946-1.998a5.5 5.5 0 0 0 3.33-6.199l4.72-1.907 3.622 8.962a1.5 1.5 0 0 0 2.43.521zm-23.998 9.272 2.792 6.908 16.423-15.75-22.755.079 2.791 6.908 3.554-1.436a1 1 0 1 1 .75 1.855zm-10.574 3.194a2.5 2.5 0 0 0-3.255-1.382l-4.945 1.998a2.5 2.5 0 1 0 1.873 4.636l4.945-1.998a2.5 2.5 0 0 0 1.381-3.255m28.72 2.054a1.5 1.5 0 0 0-1.5 1.5V34.5H18.667a1.5 1.5 0 0 0-1.5 1.5v9.167H8a1.5 1.5 0 0 0-1.5 1.5v10.666a1.5 1.5 0 0 0 1.5 1.5h48a1.5 1.5 0 0 0 1.5-1.5v-32a1.5 1.5 0 0 0-1.5-1.5zM54.5 34.5h-7.666v-7.667H54.5zm-9.167 3H54.5v7.667H38.834V37.5zm1.5 10.667H54.5v7.666h-7.666zm-3 0v7.666H28.168v-7.666zm-18.666 0v7.666H9.5v-7.666zM35.834 37.5v7.667H20.167V37.5z"/></svg></template>
<script setup lang="ts">
/**
 * MasonryAlt64 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>
