<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="M16.19 3.113a.75.75 0 0 0-.521-1.291l-8.976.03A.75.75 0 0 0 6 2.885L7.062 5.51l-.986.398a2 2 0 0 0-2.358-.665l-1.545.624a2 2 0 0 0 1.498 3.71l1.545-.625A2 2 0 0 0 6.45 6.836l.986-.398 1.062 2.627a.75.75 0 0 0 1.214.26zM8.827 5.876l.647 1.6 4.325-4.148-5.993.021.647 1.6.85-.343a.5.5 0 0 1 .374.927zM4.931 6.911a.5.5 0 0 0-.651-.276l-1.545.624a.5.5 0 0 0 .374.927l1.546-.624a.5.5 0 0 0 .276-.65m9.236.256a.75.75 0 0 0-.75.75V10.5H5.833a.75.75 0 0 0-.75.75v2.583H2.5a.75.75 0 0 0-.75.75v3.334c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-10a.75.75 0 0 0-.75-.75zM16.75 10.5h-1.833V8.667h1.833zM14.167 12h2.583v1.833h-4.333V12zm.75 3.333h1.833v1.834h-1.833zm-1.5 0v1.834H9.083v-1.834zm-5.834 0v1.834H3.25v-1.834zM10.917 12v1.833H6.583V12z"/></svg></template>
<script setup lang="ts">
/**
 * MasonryAlt20 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>
