<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M44.648 7.314a1.5 1.5 0 0 1 2.12 0l8 8a1.5 1.5 0 0 1 .44 1.061v21.732a12.12 12.12 0 0 1 2.667 7.601c0 6.72-5.447 12.167-12.167 12.167a12.12 12.12 0 0 1-7.957-2.962c-3.94.894-8.24-.192-11.308-3.261a12.12 12.12 0 0 1-3.49-7.26L18.9 40.337l-.321-.32-.09-.446-.746-3.734-3.733-.746-.98-.196-.197-.981-.747-3.734-3.733-.746-1.206-.241V16.65a1.5 1.5 0 0 1 1.5-1.5h11.314a1.5 1.5 0 0 1 1.06.44l15.367 15.366q.214.024.427.055l1.757-2.636-2.112-3.168-.555-.832.555-.832 2.112-3.168-2.112-3.168-.682-1.023.87-.87zm-4.799 24.554a12.1 12.1 0 0 1 3.8 2.578 12.12 12.12 0 0 1 3.544 7.909 3.668 3.668 0 0 1-1.746 7.01 12.2 12.2 0 0 1-1.798 2.287 12.2 12.2 0 0 1-2.574 1.968 9.167 9.167 0 0 0 13.8-7.911 9.13 9.13 0 0 0-2.291-6.064 1.5 1.5 0 0 1-.376-.992V16.996l-4.166-4.166v18.21a1 1 0 0 1-2 0V10.83l-.334-.334-6.07 6.07 1.985 2.977.555.832-.555.832-2.112 3.168 2.112 3.168.555.832-.555.832zm6.644 15.311a1.666 1.666 0 0 0 .597-2.403c-.116.815-.315 1.62-.597 2.403M13.655 27.436l-3.508-.702V18.15h.472L24.91 32.443a1 1 0 0 0 1.415-1.414L13.447 18.15h5.892l15.314 15.314a1.5 1.5 0 0 0 .967.436 9.13 9.13 0 0 1 5.907 2.667 9.167 9.167 0 1 1-12.963 12.964 9.13 9.13 0 0 1-2.667-5.908 1.5 1.5 0 0 0-.437-.967l-4.118-4.118-.853-4.269-.196-.98-.981-.196-3.733-.747-.747-3.733-.196-.981zM33.866 41.87a1.667 1.667 0 1 0 2.357 2.357 1.667 1.667 0 0 0-2.357-2.357m-1.414 3.771a3.667 3.667 0 1 1 5.185-5.185 3.667 3.667 0 0 1-5.185 5.185"/></svg></template>
<script setup lang="ts">
/**
 * Key64 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>
