<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M40.46 22.847a1.5 1.5 0 0 1 2.992-.206 20 20 0 0 1 .037 2.038 1.5 1.5 0 0 1-2.998-.102 17 17 0 0 0-.03-1.73ZM38.471 34.81a1.5 1.5 0 0 1-.475-2.068q.457-.73.837-1.51a1.5 1.5 0 0 1 2.697 1.318q-.45.921-.992 1.785a1.5 1.5 0 0 1-2.067.475m-.789-20.037a1.5 1.5 0 0 1 2.485-1.681 19 19 0 0 1 1.054 1.749 1.5 1.5 0 0 1-2.648 1.411 17 17 0 0 0-.891-1.48Zm-6.553 25.828a1.5 1.5 0 0 1 .617-2.03 16 16 0 0 0 1.48-.89 1.5 1.5 0 0 1 1.68 2.485 20 20 0 0 1-1.748 1.054 1.5 1.5 0 0 1-2.029-.62Zm.105-31.436A1.5 1.5 0 0 1 32.55 6.47q.922.45 1.785.991a1.5 1.5 0 0 1-1.593 2.543 17 17 0 0 0-1.51-.838ZM14.5 24a1.5 1.5 0 1 1 3 0v4.38L28.38 17.5H24a1.5 1.5 0 0 1 0-3h8a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-4.379l-10.878 10.88H24a1.5 1.5 0 0 1 0 3h-8a1.5 1.5 0 0 1-1.5-1.5v-8Zm7.372 17.938a1.5 1.5 0 0 1 1.55-1.448 17 17 0 0 0 1.73-.03 1.5 1.5 0 0 1 .208 2.992 20 20 0 0 1-2.04.037 1.5 1.5 0 0 1-1.448-1.551m-.625-35.791a1.5 1.5 0 0 1 1.394-1.6 20 20 0 0 1 2.04-.036 1.5 1.5 0 0 1-.104 2.999 17 17 0 0 0-1.73.03 1.5 1.5 0 0 1-1.6-1.393m-7.583 34.391a1.5 1.5 0 0 1 1.592-2.543 17 17 0 0 0 1.511.838 1.5 1.5 0 0 1-1.317 2.697q-.922-.45-1.786-.992m-.973-30.623a1.5 1.5 0 0 1 .402-2.083q.845-.57 1.75-1.052a1.5 1.5 0 0 1 1.41 2.648 17 17 0 0 0-1.48.89 1.5 1.5 0 0 1-2.082-.403M6.78 33.157a1.5 1.5 0 0 1 2.648-1.41q.407.765.89 1.48a1.5 1.5 0 1 1-2.486 1.68 20 20 0 0 1-1.052-1.75m.38-15.702a1.5 1.5 0 0 1-.69-2.005q.45-.922.991-1.786a1.5 1.5 0 0 1 2.543 1.592 17 17 0 0 0-.838 1.51 1.5 1.5 0 0 1-2.006.69Zm-2.648 5.866a1.5 1.5 0 1 1 2.998.101 17 17 0 0 0 .03 1.73 1.5 1.5 0 0 1-2.993.208 20 20 0 0 1-.035-2.04Z"/></svg></template>
<script setup lang="ts">
/**
 * DimensionDiameter48 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>
