<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M32 4a1 1 0 0 1 1 1v1.5h7l.153.008A1.5 1.5 0 0 1 41.5 8v7H43a1 1 0 1 1 0 2h-1.5v6H43a1 1 0 1 1 0 2h-1.5v6H43a1 1 0 1 1 0 2h-1.5v7a1.5 1.5 0 0 1-1.5 1.5h-7V43a1 1 0 1 1-2 0v-1.5h-6V43a1 1 0 1 1-2 0v-1.5h-6V43a1 1 0 1 1-2 0v-1.5H8A1.5 1.5 0 0 1 6.5 40v-7H5a1 1 0 1 1 0-2h1.5v-6H5a1 1 0 1 1 0-2h1.5v-6H5a1 1 0 1 1 0-2h1.5V8l.008-.153A1.5 1.5 0 0 1 8 6.5h7V5a1 1 0 1 1 2 0v1.5h6V5a1 1 0 1 1 2 0v1.5h6V5a1 1 0 0 1 1-1M9.5 33v5.5H15V33zm7.5 0v5.5h6V33zm8 0v5.5h6V33zm8 0v5.5h5.5V33zM9.5 31H15v-6H9.5zm7.5 0h6v-6h-6zm8 0h6v-6h-6zm8 0h5.5v-6H33zM9.5 23H15v-6H9.5zm7.5 0h6v-6h-6zm8 0h6v-6h-6zm8 0h5.5v-6H33zM9.5 15H15V9.5H9.5zm7.5 0h6V9.5h-6zm8 0h6V9.5h-6zm8 0h5.5V9.5H33z"/></svg></template>
<script setup lang="ts">
/**
 * ConcreteFloor48 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>
