<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M16 18.417c2.253 0 3.613 1.555 3.613 4.166v1.44c0 2.61-1.36 4.166-3.613 4.166-2.252 0-3.613-1.556-3.613-4.166v-1.44c0-2.61 1.36-4.166 3.613-4.166m9.124 0c2.161 0 3.444 1.296 3.457 3.516h-1.875c-.02-1.127-.658-1.856-1.615-1.856-1.14 0-1.739.781-1.739 2.266v1.92c0 1.49.6 2.265 1.765 2.265.97 0 1.575-.676 1.595-1.77h1.875c0 2.129-1.328 3.43-3.463 3.43-2.324 0-3.691-1.451-3.691-3.925v-1.92c0-2.474 1.367-3.926 3.691-3.926m-18.352.188c2.63 0 4.004 1.59 4.004 4.63 0 3.15-1.354 4.765-4.004 4.765H3.758v-9.395zM16 20.058c-1.133 0-1.731.852-1.731 2.544v1.4c0 1.693.598 2.546 1.731 2.546s1.731-.853 1.731-2.545v-1.4c0-1.693-.598-2.545-1.731-2.545M5.606 26.405h.913c1.627 0 2.369-.977 2.369-3.138 0-2.07-.768-3.067-2.37-3.067h-.912zm13.16-23.4a1 1 0 0 1 .608.288l6.667 6.667c.187.188.293.442.293.707v4a1 1 0 0 1-2 0v-3h-5.667a1 1 0 0 1-1-1V5h-10v9.667a1 1 0 0 1-2 0V4a1 1 0 0 1 1-1h12zm.901 6.662h3.253l-3.253-3.253z"/></svg></template>
<script setup lang="ts">
/**
 * FileDoc32 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>
