<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M9.667 9.333A6.333 6.333 0 0 1 21.93 7.107c.236.102.498.18.76.238a7 7 0 0 0 1.287.155H24a.5.5 0 0 1 .39.812 6.6 6.6 0 0 1-2.057 1.722V12a6.333 6.333 0 1 1-12.666 0zm12.65-.453q.317-.21.612-.473a7 7 0 0 1-.685-.141q.051.302.073.614m-1.984.82c-.437.09-.884.133-1.333.133-1.72 0-3.45-.628-4.7-1.566l-.48-.36-.267.536c-.35.7-.787 1.113-1.253 1.352q-.3.151-.633.224v-.686a4.333 4.333 0 1 1 8.666 0zm-8.666 1.337c.37-.061.737-.173 1.087-.352.54-.275 1.017-.698 1.408-1.296 1.36.88 3.096 1.444 4.838 1.444.445 0 .892-.037 1.333-.115V12a4.333 4.333 0 0 1-8.666 0zm-7.884 9.987 5.06-1.125a.5.5 0 0 1 .137-.253l1.333-1.333a.5.5 0 0 1 .577-.094L16 20.775l5.11-2.555a.5.5 0 0 1 .577.094l1.333 1.333c.072.072.117.16.136.253l5.06 1.125A1 1 0 0 1 29 22v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6a1 1 0 0 1 .783-.976M5 22.802l5.104-1.134 2.85 3.324a.5.5 0 0 0 .77-.013L16 22.134l2.276 2.845a.5.5 0 0 0 .77.013l2.85-3.324L27 22.802V27H5zm13.68 1.08-1.903-2.378 4.458-2.229.75.751zm-7.915-4.607-.75.751 3.305 3.857 1.903-2.38z"/></svg></template>
<script setup lang="ts">
/**
 * Man32 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>
