<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="M19.999 4.5a1.5 1.5 0 0 0-1.5 1.5v3.434a11.4 11.4 0 0 0-4.363 2.52l-2.976-1.717a1.5 1.5 0 0 0-2.049.549l-4 6.928a1.5 1.5 0 0 0 .55 2.049l2.973 1.717c-.4 1.764-.351 3.472.002 5.038L5.66 28.236a1.5 1.5 0 0 0-.549 2.05l4 6.928a1.5 1.5 0 0 0 2.05.549l2.973-1.717a11.4 11.4 0 0 0 4.365 2.518V42a1.5 1.5 0 0 0 1.5 1.5h8a1.5 1.5 0 0 0 1.5-1.5v-3.434a11.4 11.4 0 0 0 4.362-2.521l2.976 1.718a1.5 1.5 0 0 0 2.05-.55l4-6.927a1.5 1.5 0 0 0-.55-2.05l-2.974-1.716c.4-1.764.352-3.472-.002-5.04l2.976-1.717a1.5 1.5 0 0 0 .55-2.05l-4-6.928a1.5 1.5 0 0 0-2.05-.549l-2.974 1.717a11.4 11.4 0 0 0-4.365-2.517V6a1.5 1.5 0 0 0-1.5-1.5zm1.5 6.1V7.5h5v4.33l1.205.24a8.44 8.44 0 0 1 4.77 2.753l.812.928 1.067-.617 2.685-1.55 2.5 4.33-2.685 1.55-1.064.615.394 1.165a8.44 8.44 0 0 1 0 5.507l-.397 1.167 1.067.617 2.685 1.55-2.5 4.33-2.685-1.55-1.065-.615-.811.924a8.44 8.44 0 0 1-4.768 2.754l-1.21.239V40.5h-5v-4.33l-1.206-.241a8.44 8.44 0 0 1-4.77-2.753l-.811-.928-1.068.617-2.685 1.55-2.5-4.33 2.685-1.55 1.065-.615-.394-1.165a8.44 8.44 0 0 1-.001-5.507l.398-1.167-1.068-.616-2.685-1.55 2.5-4.33 2.685 1.55 1.065.615.812-.924a8.44 8.44 0 0 1 4.768-2.755l1.21-.238zM19.5 24a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0m4.5-7.5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15"/></svg></template>
<script setup lang="ts">
/**
 * Settings48 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>
