<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="M16.944 12.675C18.824 11.677 21.12 10.5 24 10.5s5.177 1.177 7.056 2.175l.143.076c1.917 1.02 3.29 1.749 4.801 1.749a1.5 1.5 0 0 1 1.5 1.5v.02c1.12.085 2.575.462 3.834 1.369C42.842 18.474 44 20.274 44 23c0 2.819-1.749 5.234-3.696 7.034-1.661 1.536-3.59 2.74-5.101 3.501A13.49 13.49 0 0 1 24 39.5a13.49 13.49 0 0 1-11.203-5.965c-1.51-.76-3.44-1.965-5.1-3.5C5.748 28.233 4 25.818 4 23c0-2.726 1.158-4.526 2.666-5.611 1.259-.907 2.713-1.284 3.834-1.37V16a1.5 1.5 0 0 1 1.5-1.5c1.51 0 2.884-.73 4.801-1.749zM37.5 26v-7.973c.8.084 1.813.37 2.666.984C41.158 19.727 42 20.927 42 23c0 1.981-1.251 3.9-3.054 5.566a19 19 0 0 1-2.13 1.69c.443-1.338.684-2.769.684-4.256m-27 0c0 1.487.24 2.919.685 4.257a19 19 0 0 1-2.131-1.691C7.25 26.899 6 24.98 6 23c0-2.074.842-3.274 1.834-3.988.853-.615 1.866-.9 2.666-.985zm3-8.649V26c0 5.799 4.701 10.5 10.5 10.5S34.5 31.799 34.5 26v-8.649c-1.671-.325-3.17-1.127-4.484-1.83l-.367-.196C27.763 14.323 26.059 13.5 24 13.5s-3.763.823-5.649 1.825l-.366.196c-1.315.703-2.814 1.505-4.485 1.83M24 17c-1.563 0-2.53.66-3.262 1.19l-.023.016c-.726.525-1.097.794-1.715.794a1 1 0 1 0 0 2c1.283 0 2.145-.63 2.776-1.092l.134-.098c.65-.47 1.183-.81 2.09-.81s1.44.34 2.09.81l.134.098C26.854 20.369 27.717 21 29 21a1 1 0 1 0 0-2c-.618 0-.99-.269-1.715-.794l-.023-.016C26.531 17.66 25.563 17 24 17m-7.78 12.375a1 1 0 0 1 1.405-.156C20.033 31.146 22.067 32 24 32s3.967-.854 6.375-2.78a1 1 0 1 1 1.25 1.56C29.033 32.855 26.567 34 24 34s-5.033-1.146-7.625-3.22a1 1 0 0 1-.156-1.405m1.151-4.304a1 1 0 0 0-.742 1.857C19.216 27.965 21.594 28.5 24 28.5s4.784-.536 7.371-1.571a1 1 0 0 0-.742-1.857C28.216 26.036 26.094 26.5 24 26.5s-4.216-.464-6.629-1.428"/></svg></template>
<script setup lang="ts">
/**
 * Mask48 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>
