<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M16 2a.5.5 0 0 1 .5.5V3H20l.102.005A1 1 0 0 1 21 4v3.5h.5a.5.5 0 0 1 0 1H21v3h.5a.5.5 0 0 1 0 1H21v3h.5a.5.5 0 0 1 0 1H21V20a1 1 0 0 1-1 1h-3.5v.5a.5.5 0 0 1-1 0V21h-3v.5a.5.5 0 0 1-1 0V21h-3v.5a.5.5 0 0 1-1 0V21H4a1 1 0 0 1-1-1v-3.5h-.5a.5.5 0 0 1 0-1H3v-3h-.5a.5.5 0 0 1 0-1H3v-3h-.5a.5.5 0 0 1 0-1H3V4l.005-.103A1 1 0 0 1 4 3h3.5v-.5a.5.5 0 0 1 1 0V3h3v-.5a.5.5 0 0 1 1 0V3h3v-.5A.5.5 0 0 1 16 2M5 16.5V19h2.5v-2.5zm3.5 0V19h3v-2.5zm4 0V19h3v-2.5zm4 0V19H19v-2.5zM5 15.5h2.5v-3H5zm3.5 0h3v-3h-3zm4 0h3v-3h-3zm4 0H19v-3h-2.5zM5 11.5h2.5v-3H5zm3.5 0h3v-3h-3zm4 0h3v-3h-3zm4 0H19v-3h-2.5zM5 7.5h2.5V5H5zm3.5 0h3V5h-3zm4 0h3V5h-3zm4 0H19V5h-2.5z"/></svg></template>
<script setup lang="ts">
/**
 * ConcreteFloor24 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>
