<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="M26.5 13a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0M32 4.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m-5.33 19.158a1.5 1.5 0 0 0-1.73.281l-4 4A1.5 1.5 0 0 0 20.5 29v13a1.5 1.5 0 0 0 1.5 1.5h20a1.5 1.5 0 0 0 1.5-1.5V29a1.5 1.5 0 0 0-.44-1.06l-4-4a1.5 1.5 0 0 0-1.73-.282c-3.578 1.79-7.081 1.79-10.66 0m-3.17 5.963 2.821-2.82c3.77 1.599 7.587 1.599 11.358 0l2.821 2.82V40.5h-17zM14 14.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9M6.5 19a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0m3.974 10.077a1.5 1.5 0 0 0-1.462.294l-4 3.5A1.5 1.5 0 0 0 4.5 34v8A1.5 1.5 0 0 0 6 43.5h10a1.5 1.5 0 0 0 0-3H7.5v-5.82l2.849-2.492c1.131.349 2.05.559 2.92.62 1.106.08 2.035-.088 3.095-.353a1.5 1.5 0 1 0-.728-2.91c-.94.235-1.511.317-2.154.271-.68-.048-1.534-.248-3.008-.739"/></svg></template>
<script setup lang="ts">
/**
 * Group48 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>
