<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M34.281 4.781a1.5 1.5 0 0 1 1.061.44l6 6a1.5 1.5 0 0 1 .44 1.06V28.45a9.5 9.5 0 0 1-7.5 15.331 9.46 9.46 0 0 1-6.07-2.19 9.49 9.49 0 0 1-8.645-2.587 9.47 9.47 0 0 1-2.71-5.538L13.91 30.52l-.321-.321-.09-.446-.51-2.555-2.555-.51-.98-.197-.197-.98-.51-2.555-2.556-.511-1.206-.241v-9.715a1.5 1.5 0 0 1 1.5-1.5h8.486a1.5 1.5 0 0 1 1.06.439l11.41 11.41 1.038-1.556-1.446-2.168-.555-.832.555-.832 1.445-2.168-1.445-2.168-.682-1.023.87-.87 6-6a1.5 1.5 0 0 1 1.06-.439m-3.838 18.962a9.5 9.5 0 0 1 2.559 1.826 9.46 9.46 0 0 1 2.763 6.104 3 3 0 0 1-1.396 5.607 9.5 9.5 0 0 1-2.806 2.907 6.5 6.5 0 0 0 7.594-10.205 1.5 1.5 0 0 1-.376-.992V12.903l-2.5-2.5V23.28a1 1 0 1 1-2 0V8.403l-4.07 4.07 1.318 1.976.555.832-.555.832-1.445 2.168 1.445 2.168.555.832-.555.832zm-20.128-3.534-2.33-.466v-5.755l10.522 10.52a1 1 0 1 0 1.414-1.413l-9.107-9.107h3.535l11.376 11.375a1.5 1.5 0 0 0 .967.436 6.5 6.5 0 1 1-6.895 6.895 1.5 1.5 0 0 0-.436-.967l-3.009-3.008-.618-3.09-.196-.981-.98-.196-2.555-.511-.511-2.555-.196-.98zM25.577 31.58a1 1 0 1 0 1.413 1.414 1 1 0 0 0-1.413-1.414m-1.415 2.828a3 3 0 1 1 4.243-4.242 3 3 0 0 1-4.243 4.242"/></svg></template>
<script setup lang="ts">
/**
 * Key48 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>
