<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M24.02 6.5q.054 0 .11.006l.023.002q.009 0 .018.002l.042.004.05.01.06.012.041.009 32 8 .122.036A1.5 1.5 0 0 1 57.5 16v5.333a1.5 1.5 0 0 1-1.5 1.5h-5.667v5.638A3.666 3.666 0 1 1 45.667 32a1 1 0 1 1 2 0 1.667 1.667 0 1 0 1.837-1.657l-.162-.01-.009.002a1 1 0 0 1-.346-.064l-.034-.012-.05-.024-.025-.01-.022-.011a1 1 0 0 1-.363-.338l-.021-.035-.018-.03-.014-.027-.007-.018a1 1 0 0 1-.095-.33q-.002-.021-.002-.042l-.003-.06v-6.5H25.5V54.5h14.833v-4.166h-1.666a1 1 0 0 1 0-2h1.666V45h-1.666a1 1 0 0 1 0-2h1.666v-1.666a1 1 0 0 1 2 0V43h3.333v-1.666a1 1 0 0 1 2 0V43H51v-1.666a1 1 0 0 1 2 0V43h1.667l.102.005a1.001 1.001 0 0 1 0 1.99l-.102.005H53v3.334h1.667l.102.005a1 1 0 0 1 0 1.99l-.102.005H53V54.5h3l.153.008a1.5 1.5 0 0 1 0 2.984L56 57.5H8a1.5 1.5 0 0 1 0-3h6.5V22.833H8a1.5 1.5 0 0 1-1.286-2.272l8-13.333.018-.029q.017-.027.037-.054l.03-.045a1.5 1.5 0 0 1 .644-.493l.019-.008a2 2 0 0 1 .202-.06q.022-.006.046-.01l.066-.012.069-.01.06-.003q.034-.003.07-.004zm-6.52 48h3.586L17.5 50.914zm24.833 0h3.333v-4.166h-3.333zm5.333 0H51v-4.166h-3.334zM17.5 47.914v.172l5 5V42.914zm24.833.42h3.333V45h-3.333zm5.333 0H51V45h-3.334zM17.5 45.086l5-5v-.172l-5-5zm0-13.172v.172l5 5V26.914zm0-2.828 5-5v-1.253h-5zm-6.85-9.253h3.85v-6.418zm6.85 0h5V9.5h-5zm8 0h29V17.17l-29-7.25z"/></svg></template>
<script setup lang="ts">
/**
 * ConstructionSite64 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>
