<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M16.708 7.717a7 7 0 0 1 9.9 9.899l-1.415 1.415a1 1 0 0 1-.71.291 2.98 2.98 0 0 1-2.663 1.993 2.985 2.985 0 0 1-2.828 2.828 2.99 2.99 0 0 1-.87 1.96 3 3 0 0 1-4.243 0l-8.485-8.486a7.001 7.001 0 0 1 9.899-9.9l.707.707zM13.88 9.132a5 5 0 0 0-7.071 7.07l8.486 8.486a1 1 0 0 0 1.414-1.415l-.472-.471a1 1 0 0 1-.263-.472.998.998 0 0 1 1.678-.943l.471.471a1 1 0 0 0 1.42-1.408l-.479-.478a1 1 0 0 1-.291-.707.997.997 0 0 1 1.53-.846q.094.058.177.14l.471.471a1 1 0 0 0 1.414-1.414l-3.063-3.063-1.886 1.885a3.335 3.335 0 0 1-4.715-4.714l1.886-1.886zm11.314-.001a5 5 0 0 0-7.07 0l-4.008 4.007a1.333 1.333 0 0 0 1.886 1.886l2.593-2.593a1 1 0 0 1 1.414 0l4.478 4.478.707-.707a5 5 0 0 0 0-7.071"/></svg></template>
<script setup lang="ts">
/**
 * Partnership32 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>
