<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="M32 36.5a1.5 1.5 0 0 1 1.5 1.5v4a1.5 1.5 0 0 1-3 0v-4a1.5 1.5 0 0 1 1.5-1.5M10.94 20.94a1.5 1.5 0 0 1 2.12 2.12l-1 1a8.4 8.4 0 0 0 11.88 11.88l1-1a1.5 1.5 0 0 1 2.12 2.12l-1 1c-4.451 4.452-11.668 4.452-16.12 0s-4.452-11.669 0-16.12zM42 30.5a1.5 1.5 0 1 1 0 3h-4a1.5 1.5 0 0 1 0-3zM22.173 9.706c4.323-4.323 11.332-4.323 15.654 0 4.528 4.528 4.282 11.942-.537 16.159l-.303.264a1.5 1.5 0 0 1-1.974-2.258l.302-.264c3.513-3.074 3.692-8.48.391-11.78a8.07 8.07 0 0 0-11.412 0l-1.233 1.233a1.5 1.5 0 1 1-2.121-2.12zm-12.02 4.802a1.5 1.5 0 0 1 0 2.984L10 17.5H6a1.5 1.5 0 0 1 0-3h4zM16 4.5A1.5 1.5 0 0 1 17.5 6v4a1.5 1.5 0 0 1-3 0V6A1.5 1.5 0 0 1 16 4.5"/></svg></template>
<script setup lang="ts">
/**
 * Unlink48 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>
