<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="m9.02 2 .057.003.026.002q.008 0 .017.002l.023.003.029.005.058.012.012.003.026.006.02.005L21.242 5.03l.161.055A1 1 0 0 1 22 6v2a1 1 0 0 1-1 1h-2v1.587A1.5 1.5 0 1 1 17 12a.5.5 0 0 1 .99-.1l.02.2a.5.5 0 1 0 .59-.59l-.2-.02a.5.5 0 0 1-.092-.03q-.01-.004-.019-.01a.5.5 0 0 1-.13-.087l-.027-.026-.03-.037-.029-.04a.5.5 0 0 1-.054-.128A.5.5 0 0 1 18 11V9h-8v11h5v-1h-.5a.5.5 0 0 1 0-1h.5v-1h-.5a.5.5 0 0 1 0-1h.5v-.5a.5.5 0 0 1 1 0v.5h1v-.5a.5.5 0 0 1 1 0v.5h1v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1H20v1h.5a.5.5 0 0 1 0 1H20v1h1a1 1 0 0 1 0 2H3a1 1 0 0 1 0-2h2V9H3a1 1 0 0 1-.857-1.515l3-5 .008-.014.026-.039.022-.032a1 1 0 0 1 .784-.4zM7 20h.293L7 19.707zm9 0h1v-1h-1zm2 0h1v-1h-1zM7 17.707v.586l1 1v-2.586zM16 18h1v-1h-1zm2 0h1v-1h-1zM7 16.293l1-1v-.586l-1-1zm0-4.586v.586l1 1v-2.586zm0-1.414 1-1V9H7zM4.767 7H5v-.39zM7 7h1V4H7zm3 0h10v-.22l-10-2.5z"/></svg></template>
<script setup lang="ts">
/**
 * ConstructionSite24 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>
