<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M12.355 5.611a5.5 5.5 0 1 1 7.777 7.778l-1.06 1.06a1 1 0 0 1-.533.277 2.49 2.49 0 0 1-1.945 1.489 2.485 2.485 0 0 1-2.121 2.12 2.5 2.5 0 0 1-4.24 1.417l-.354-.353-6.01-6.01a5.5 5.5 0 0 1 7.778-7.778l.353.354zm-2.123 1.414a3.5 3.5 0 1 0-4.949 4.95l6.364 6.364a.5.5 0 1 0 .707-.707L12 17.278a1.004 1.004 0 0 1 0-1.415 1 1 0 0 1 1.414 0l.354.354a.5.5 0 1 0 .707-.707l-.354-.354a1 1 0 0 1-.252-.422 1 1 0 0 1 .252-.992.997.997 0 0 1 1.414 0l.354.353a.5.5 0 0 0 .707-.707l-.354-.353-.004-.005-1.762-1.763-1.238 1.239a2.75 2.75 0 0 1-3.89-3.89l1.238-1.237zm8.486 0a3.5 3.5 0 0 0-4.95 0l-3.005 3.005a.75.75 0 0 0 1.06 1.06l1.946-1.944a1 1 0 0 1 1.414 0l3.181 3.183.354-.355a3.5 3.5 0 0 0 0-4.949"/></svg></template>
<script setup lang="ts">
/**
 * Partnership24 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>
