<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M18.667 6.5a1.5 1.5 0 0 1 1.5 1.5v1.167H36c5.983 0 10.833 4.85 10.833 10.833v23.833H48a1.5 1.5 0 0 1 0 3h-1.167V56a1.5 1.5 0 0 1-1.5 1.5H32a1.5 1.5 0 0 1-1.5-1.5v-9.167h-1.167a1.5 1.5 0 1 1 0-3H30.5V25.5H20.167v1.167a1.5 1.5 0 0 1-3 0V25.5H8A1.5 1.5 0 0 1 6.5 24V10.667a1.5 1.5 0 0 1 1.5-1.5h9.167V8a1.5 1.5 0 0 1 1.5-1.5M33.5 46.833V54.5h10.333v-7.667zm10.333-3H33.5V24a1.5 1.5 0 0 0-1.5-1.5H20.167V12.167H36A7.833 7.833 0 0 1 43.833 20zM9.5 12.167h7.667V22.5H9.5z"/></svg></template>
<script setup lang="ts">
/**
 * Pipe64 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>
