<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M22.667 2.833a.5.5 0 0 1 .5.5v5.5h5.5l.1.01a.5.5 0 0 1 0 .98l-.1.01h-5.5v4.334h5.499l.101.01a.5.5 0 0 1 0 .98l-.101.01h-5.5V19.5h5.5l.101.01a.5.5 0 0 1 0 .98l-.1.01h-5.5v.426l3.075.77a1 1 0 0 1 .758.97V28a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6l.005-.102A1 1 0 0 1 4 5.001h5.333l.09.004a1 1 0 0 1 .894.817l.548 3.01h.635v-5.5a.5.5 0 0 1 1 0v5.5h4.333v-5.5a.5.5 0 0 1 1 0v5.5h4.334v-5.5a.5.5 0 0 1 .5-.5ZM5 27h20v-3.554l-4.576-1.144a1 1 0 0 1-.444-.242l-.114-.128-3.845-5.126-5.76-2.56a1 1 0 0 1-.55-.614l-.029-.12L8.5 7H5zm16.457-6.5.71.176V20.5zm-3.624-4.613L20.54 19.5h1.626v-4.333h-4.334zM12.5 13.051l2.508 1.116h1.825V9.833H12.5zm5.333 1.116h4.334V9.833h-4.334zM11.5 12.326V9.833h-.453z"/></svg></template>
<script setup lang="ts">
/**
 * ReinforcedConcrete32 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>
