<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M6.667 2.583a.75.75 0 0 0-.75.75v2.583H5a3.25 3.25 0 0 0-3.25 3.25v8.25h16.5v-8.25A3.25 3.25 0 0 0 15 5.916h-.917V3.333a.75.75 0 0 0-.75-.75zm5.916 3.333V4.083H7.417v1.833zm-5.916 1.5H15c.967 0 1.75.784 1.75 1.75v1.584h-2.917V10a.5.5 0 1 0-1 0v.75H7.167V10a.5.5 0 0 0-1 0v.75H3.25V9.166c0-.966.784-1.75 1.75-1.75zM3.25 11.75v4.166h13.5V11.75h-2.917v.75a.5.5 0 1 1-1 0v-.75H7.167v.75a.5.5 0 0 1-1 0v-.75z"/></svg></template>
<script setup lang="ts">
/**
 * Toolbox20 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>
