<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="M7.577 1.754q.007.001.016.004h.013l.076.014 10 2.5.12.041A.75.75 0 0 1 18.25 5v1.667a.75.75 0 0 1-.75.75h-1.583v1.345a1.335 1.335 0 0 1-.501 2.572A1.334 1.334 0 0 1 14.083 10a.5.5 0 0 1 1 0c0 .184.15.333.333.334a.334.334 0 0 0 .067-.66l-.067-.007-.1-.01a.5.5 0 0 1-.09-.028l-.024-.012a1 1 0 0 1-.058-.032l-.021-.015a1 1 0 0 1-.053-.044l-.015-.016a1 1 0 0 1-.045-.054l-.014-.02a1 1 0 0 1-.035-.065l-.007-.015a.5.5 0 0 1-.038-.19l.001-.009v-1.74H8.25v9.333h4.167v-.833h-.334a.5.5 0 0 1 0-1h.334v-.667h-.334a.5.5 0 0 1 0-1h.334v-.333a.5.5 0 1 1 1 0v.333h.667v-.333a.5.5 0 1 1 1 0v.333h.666v-.333a.5.5 0 0 1 1 0v.333h.333l.1.01a.5.5 0 0 1 0 .98l-.1.01h-.333v.667h.333l.1.01a.5.5 0 0 1 0 .98l-.1.01h-.333v.833h.75l.077.004a.75.75 0 0 1 0 1.492l-.077.004h-15a.75.75 0 0 1 0-1.5h1.75V7.417H2.5a.75.75 0 0 1-.644-1.136l2.5-4.167.043-.063.001-.003q.025-.029.052-.056a.7.7 0 0 1 .15-.128.7.7 0 0 1 .186-.08q.034-.011.068-.02l.03-.003a1 1 0 0 1 .108-.01L5 1.75h2.5zM5.75 16.75h.293l-.293-.293zm7.667 0h.667v-.833h-.667zm1.667 0h.666v-.833h-.666zM5.75 14.957v.086l1 1v-2.086zm7.667-.04h.667v-.667h-.667zm1.667 0h.666v-.667h-.666zM5.75 13.543l1-1v-.086l-1-1zm0-3.586v.086l1 1V8.957zm0-1.414 1-1v-.126h-1zM3.825 5.917h.425v-.71zm1.925 0h1V3.25h-1zm2.5 0h8.5v-.332L8.25 3.46z"/></svg></template>
<script setup lang="ts">
/**
 * ConstructionSite20 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>
