<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M16.434 2.434a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 .293.707v8a5 5 0 0 1-7.102 6.922 5 5 0 0 1-4.432-1.384 5 5 0 0 1-1.415-2.829l-1.414-1.414-.214-.214-.06-.297-.222-1.114-1.114-.223-.654-.13-.13-.654-.223-1.114-1.114-.223-.804-.16V6.243a1 1 0 0 1 1-1h4.242a1 1 0 0 1 .707.293l5.49 5.49.257-.386-.63-.946-.37-.554.37-.555.63-.945-.63-.946-.455-.682.58-.58zm-.85 9.345a5 5 0 0 1 1.094.829 4.98 4.98 0 0 1 1.463 3.415 1.5 1.5 0 0 1-.64 2.575 5 5 0 0 1-1.202 1.423q.402.119.842.12a3 3 0 0 0 2.25-4.985 1 1 0 0 1-.25-.661v-7.94l-1-1v6.085a.5.5 0 1 1-1 0V4.555l-1.713 1.713.545.818.37.555-.37.554-.63.946.63.945.37.555-.37.554zM5.207 9.859l-.964-.192V7.244l5.01 5.01a.5.5 0 0 0 .708-.707L5.657 7.244h1.414l5.615 5.614a1 1 0 0 0 .644.291 3 3 0 1 1-3.182 3.182 1 1 0 0 0-.29-.644l-1.451-1.45-.295-1.472-.13-.653-.654-.131-1.114-.223-.223-1.114-.13-.654zm7.581 5.931a.5.5 0 1 0 .708.707.5.5 0 0 0-.708-.707m-.707 1.414a1.5 1.5 0 1 1 2.121-2.121 1.5 1.5 0 0 1-2.12 2.121"/></svg></template>
<script setup lang="ts">
/**
 * Key24 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>
