<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="M5.917 2.5a.75.75 0 0 1 .75-.75h4.166a.75.75 0 0 1 .75.75v1.583h.084a.5.5 0 0 1 0 1h-.084V9.25h3.334v-.083a.5.5 0 1 1 1 0v.083H17.5a.75.75 0 0 1 .75.75v4.167a.75.75 0 0 1-.75.75h-1.583V15a.5.5 0 0 1-1 0v-.083h-5.07a4.085 4.085 0 0 1-8.097-.75c0-.644.277-1.37.598-2.02a17.5 17.5 0 0 1 1.198-2.008 32 32 0 0 1 1.67-2.237l.03-.036.008-.01.003-.002v-.001l.576.48-.575-.48a.75.75 0 0 1 .659-.265V5.083h-.084a.5.5 0 1 1 0-1h.084zm9 10.917H9.812a6.7 6.7 0 0 0-.494-1.27 17.5 17.5 0 0 0-1.197-2.008 30 30 0 0 0-.704-.992V5.083h2.666V10c0 .414.336.75.75.75h4.084zm-6.944-.606c.304.616.444 1.079.444 1.356a2.583 2.583 0 0 1-5.167 0c0-.277.14-.74.443-1.356.292-.59.687-1.23 1.094-1.83.375-.552.75-1.057 1.046-1.442.297.385.672.89 1.046 1.442.407.6.803 1.24 1.094 1.83m7.944-2.061v2.667h.833V10.75zm-5.834-7.5v.833H7.417V3.25zM4.875 13.958a.5.5 0 0 0-1 0c0 1.197.97 2.167 2.167 2.167a.5.5 0 0 0 0-1 1.167 1.167 0 0 1-1.167-1.167"/></svg></template>
<script setup lang="ts">
/**
 * Leak20 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>
