<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M14.5 14A9.5 9.5 0 0 1 24 4.5c3.942 0 7.323 2.4 8.761 5.82.39.2.854.348 1.33.454a10 10 0 0 0 1.88.226H36a1 1 0 0 1 .78 1.625 10.1 10.1 0 0 1-3.28 2.708V18a9.5 9.5 0 0 1-19 0zm18.952-.966q.188-.13.37-.273a11 11 0 0 1-.415-.094q.026.183.044.367m-2.952 1.26a9.6 9.6 0 0 1-2 .206c-2.523 0-5.065-.924-6.9-2.3l-.959-.719-.535 1.072c-.505 1.01-1.123 1.586-1.77 1.917q-.393.199-.836.302V14a6.5 6.5 0 1 1 13 0zm-13 2.514a5.8 5.8 0 0 0 1.745-.557c.788-.402 1.487-1.002 2.069-1.827 2.046 1.27 4.61 2.076 7.186 2.076.667 0 1.337-.054 2-.17V18a6.5 6.5 0 0 1-13 0zM5.675 31.536l7.33-1.63a1 1 0 0 1 .288-.613l2-2a1 1 0 0 1 1.154-.187L24 30.882l7.553-3.776a1 1 0 0 1 1.154.187l2 2c.171.17.268.39.289.614l7.33 1.629A1.5 1.5 0 0 1 43.5 33v9a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 42v-9a1.5 1.5 0 0 1 1.175-1.464M7.5 34.203l7.38-1.64 4.36 5.088a1 1 0 0 0 1.54-.026L24 33.6l3.22 4.024a1 1 0 0 0 1.54.026l4.36-5.088 7.38 1.64V40.5h-33zm20.527 1.23-2.473-3.092 6.249-3.124.835.835zm-11.83-6.216-.835.835 4.611 5.38 2.473-3.09z"/></svg></template>
<script setup lang="ts">
/**
 * Man48 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>
