<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M22.147 3.48a1 1 0 0 1 1.415 0l4 4a1 1 0 0 1 .292.707v10.78a6.333 6.333 0 0 1-9.046 8.76 6.33 6.33 0 0 1-5.763-1.724 6.3 6.3 0 0 1-1.806-3.692l-1.966-1.965-.214-.214L9 19.835l-.34-1.703-1.704-.341-.654-.13-.13-.654-.341-1.704-1.703-.34-.804-.161V8.325a1 1 0 0 1 1-1H9.98a1 1 0 0 1 .707.293l7.606 7.607.692-1.037-.964-1.446-.37-.555.37-.554.964-1.445-.964-1.446-.454-.682.58-.58zM20.296 15.83c.616.3 1.194.705 1.705 1.217a6.3 6.3 0 0 1 1.852 4.27 1.834 1.834 0 0 1-.837 3.364 6.34 6.34 0 0 1-1.974 2.111 4.333 4.333 0 0 0 5.062-6.803 1 1 0 0 1-.25-.662V8.602l-1.833-1.834v8.752a.5.5 0 1 1-1 0V5.768l-.167-.166-2.713 2.713.879 1.318.37.555-.37.554-.964 1.446.964 1.445.37.555-.37.554zm-13.42-2.356-1.552-.31V9.324h.236l6.896 6.896a.5.5 0 1 0 .707-.707l-6.19-6.189h2.593l7.584 7.584a1 1 0 0 0 .645.29 4.333 4.333 0 1 1-4.596 4.596 1 1 0 0 0-.292-.644l-2.005-2.005-.412-2.06-.131-.654-.654-.13-1.703-.341-.34-1.704-.131-.654zm10.057 7.462a.833.833 0 1 0 1.179 1.179.833.833 0 0 0-1.179-1.179m-.707 1.886a1.833 1.833 0 1 1 2.593-2.593 1.833 1.833 0 0 1-2.593 2.593"/></svg></template>
<script setup lang="ts">
/**
 * Key32 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>
