<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="M17 2a.5.5 0 0 1 .5.5v4h4a.5.5 0 0 1 0 1h-4v3h4a.5.5 0 0 1 0 1h-4v3h4a.5.5 0 0 1 0 1h-3.88l2.122.53a1 1 0 0 1 .758.97v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.5l.005-.102A1 1 0 0 1 3 3.501h4l.09.004a1 1 0 0 1 .893.817L8.38 6.5h.12v-4a.5.5 0 1 1 1 0v4h3v-4a.5.5 0 1 1 1 0v4h3v-4A.5.5 0 0 1 17 2M4 20h14.5v-2.22l-3.242-.81a1 1 0 0 1-.445-.243L14.7 16.6l-2.844-3.79-4.262-1.895a1 1 0 0 1-.578-.736l-.85-4.677H4zm9.5-8.333 2.124 2.833h.876v-3h-3zm-4-2.096 2.089.929h.91v-3h-3zm4 .929h3v-3h-3z"/></svg></template>
<script setup lang="ts">
/**
 * ReinforcedConcrete24 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>
