<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="m12.02 3 .057.003.025.002.04.005.03.005.058.012.012.003.026.006.02.005L28.242 7.03l.161.055A1 1 0 0 1 29 8v2.667a1 1 0 0 1-1 1h-2.833v2.57A1.833 1.833 0 1 1 22.833 16a.5.5 0 0 1 1 0 .834.834 0 1 0 .919-.83l-.086-.003-.1-.01a1 1 0 0 1-.085-.026l-.038-.019-.05-.027-.02-.015a1 1 0 0 1-.05-.043 1 1 0 0 1-.06-.068q-.01-.012-.017-.024a1 1 0 0 1-.035-.064l-.007-.015a.5.5 0 0 1-.038-.19l.001-.009v-2.99H13V27h7.167v-1.833h-.834a.5.5 0 0 1 0-1h.834V22.5h-.834a.5.5 0 0 1 0-1h.834v-.833a.5.5 0 1 1 1 0v.833h1.667v-.833a.5.5 0 1 1 1 0v.833H25.5v-.833a.5.5 0 0 1 1 0v.833h.833l.1.01a.5.5 0 0 1 0 .98l-.1.01H26.5v1.667h.833l.1.01a.5.5 0 0 1 0 .98l-.1.01H26.5V27H28l.102.005a1 1 0 0 1 0 1.99L28 29H4a1 1 0 0 1 0-2h3V11.667H4a1 1 0 0 1-.857-1.515l4-6.667.008-.014a1 1 0 0 1 .255-.277l.023-.015.05-.034.035-.02.055-.028.025-.011.06-.024a1 1 0 0 1 .088-.028l.037-.009.056-.01a1 1 0 0 1 .098-.012L7.965 3zM9 27h1.293L9 25.707zm12.167 0h1.667v-1.833h-1.667zm2.667 0H25.5v-1.833h-1.666zM9 23.707v.586l2 2v-4.586zm12.167.46h1.667V22.5h-1.667zm2.667 0H25.5V22.5h-1.666zM9 22.293l2-2v-.586l-2-2zm0-6.586v.586l2 2v-4.586zm0-1.414 2-2v-.626H9zM5.767 9.667H7V7.61zm3.233 0h2V5H9zm4 0h14V8.78l-14-3.5z"/></svg></template>
<script setup lang="ts">
/**
 * ConstructionSite32 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>
