<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M7 7a5 5 0 0 1 9.7-1.708q.169.056.346.095a5 5 0 0 0 .94.113H18a.5.5 0 0 1 .39.812A5.1 5.1 0 0 1 17 7.528V9A5 5 0 0 1 7 9zm8 .193V7a3 3 0 1 0-6 0v.31q.085-.034.168-.075c.323-.165.632-.454.885-.959l.268-.535.479.359a5.93 5.93 0 0 0 3.45 1.15q.379 0 .75-.057M9 8.354q.318-.074.623-.229a2.84 2.84 0 0 0 1.034-.913A6.95 6.95 0 0 0 14.25 8.25q.375 0 .75-.047V9a3 3 0 1 1-6 0zm-6.217 7.17 3.841-.854.022-.024 1-1a.5.5 0 0 1 .578-.093L12 15.44l3.776-1.888a.5.5 0 0 1 .578.093l1 1 .022.024 3.84.854A1 1 0 0 1 22 16.5V21a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4.5a1 1 0 0 1 .783-.976M4 17.302l3.624-.805 1.996 2.328a.5.5 0 0 0 .77-.013L12 16.8l1.61 2.012a.5.5 0 0 0 .77.013l1.996-2.328 3.624.805V20H4zm10.013.414-1.236-1.545 3.124-1.563.418.418zM8.1 14.608l-.418.418 2.306 2.69 1.236-1.545z"/></svg></template>
<script setup lang="ts">
/**
 * Man24 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>
