<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="M14.167 1.583a.5.5 0 0 1 .5.5v3.25h3.25l.1.01a.501.501 0 0 1 0 .98l-.1.01h-3.25v2.334h3.249l.101.01a.5.5 0 0 1 0 .98l-.101.01h-3.25V12h3.25l.101.01a.5.5 0 0 1 0 .98l-.1.01h-3.239l1.753.44a.75.75 0 0 1 .569.727V17.5a.75.75 0 0 1-.75.75H2.5a.75.75 0 0 1-.75-.75V3.75l.004-.077a.75.75 0 0 1 .746-.672h3.333l.134.011a.75.75 0 0 1 .604.605l.312 1.716H7v-3.25a.5.5 0 0 1 1 0v3.25h2.333v-3.25a.5.5 0 0 1 1 0v3.25h2.334v-3.25a.5.5 0 0 1 .5-.5M3.25 16.75H15.5v-1.998l-2.766-.69a.75.75 0 0 1-.418-.28l-2.384-3.177-3.57-1.587a.75.75 0 0 1-.411-.46l-.023-.09-.72-3.967H3.25zm8.083-6.779L12.853 12h.814V9.667h-2.334zM8 8.104l1.265.563h1.068V6.333H8zm3.333.563h2.334V6.333h-2.334z"/></svg></template>
<script setup lang="ts">
/**
 * ReinforcedConcrete20 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>
