<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M13.333 1.583a.5.5 0 0 1 .5.5v.5h2.833l.077.004a.75.75 0 0 1 .673.746v2.834h.5l.102.01a.5.5 0 0 1 0 .98l-.102.01h-.5V9.5h.5l.102.01a.5.5 0 0 1 0 .98l-.102.01h-.5v2.333h.5l.102.01a.5.5 0 0 1 0 .98l-.102.01h-.5v2.833a.75.75 0 0 1-.75.75h-2.833v.5l-.01.102a.5.5 0 0 1-.98 0l-.01-.102v-.5H10.5v.5l-.01.102a.5.5 0 0 1-.98 0l-.01-.102v-.5H7.167v.5l-.01.102a.5.5 0 0 1-.98 0l-.01-.102v-.5H3.333a.75.75 0 0 1-.75-.75v-2.833h-.5a.5.5 0 0 1 0-1h.5V10.5h-.5a.5.5 0 0 1 0-1h.5V7.167h-.5a.5.5 0 0 1 0-1h.5V3.333l.004-.077a.75.75 0 0 1 .746-.673h2.834v-.5a.5.5 0 0 1 1 0v.5H9.5v-.5a.5.5 0 0 1 1 0v.5h2.333v-.5a.5.5 0 0 1 .5-.5m-9.25 12.25v2.083h2.084v-2.083zm3.084 0v2.083H9.5v-2.083zm3.333 0v2.083h2.333v-2.083zm3.333 0v2.083h2.083v-2.083zm-9.75-1h2.084V10.5H4.083zm3.084 0H9.5V10.5H7.167zm3.333 0h2.333V10.5H10.5zm3.333 0h2.083V10.5h-2.083zM4.083 9.5h2.084V7.167H4.083zm3.084 0H9.5V7.167H7.167zm3.333 0h2.333V7.167H10.5zm3.333 0h2.083V7.167h-2.083zm-9.75-3.333h2.084V4.083H4.083zm3.084 0H9.5V4.083H7.167zm3.333 0h2.333V4.083H10.5zm3.333 0h2.083V4.083h-2.083z"/></svg></template>
<script setup lang="ts">
/**
 * ConcreteFloor20 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>
