<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M13.754 2.087a.75.75 0 0 1 1.06 0l2.5 2.5c.14.14.22.331.22.53v6.695a4.083 4.083 0 0 1-5.812 5.652 4.08 4.08 0 0 1-3.658-1.124 4.07 4.07 0 0 1-1.159-2.337l-1.198-1.198-.16-.161-.045-.223-.196-.983-.983-.196-.49-.098-.099-.49-.196-.983-.983-.197-.603-.12v-4.15a.75.75 0 0 1 .75-.75h3.536a.75.75 0 0 1 .53.219l4.646 4.646.302-.452-.556-.834-.278-.416.278-.416.556-.834-.556-.834-.341-.511.434-.435zm-.887 7.758a4.08 4.08 0 0 1 2.159 3.33 1.332 1.332 0 0 1-.606 2.435 4.1 4.1 0 0 1-1.012 1.105 2.583 2.583 0 0 0 2.813-4.14.75.75 0 0 1-.187-.496V5.428l-.833-.833V9.7a.5.5 0 0 1-1 0V3.761l-1.452 1.452.492.738.277.416-.277.416-.556.834.556.834.277.416-.277.416zM4.322 8.298l-.87-.174V6.07l4.2 4.2a.5.5 0 0 0 .707-.707l-3.61-3.61h1.178l4.703 4.702a.75.75 0 0 0 .484.218 2.583 2.583 0 1 1-2.74 2.74.75.75 0 0 0-.219-.483L6.93 11.904l-.25-1.25-.099-.49-.49-.098-.983-.197-.196-.983-.098-.49zm6.394 4.92a.333.333 0 1 0 .471.47.333.333 0 0 0-.471-.47m-.707 1.178a1.333 1.333 0 1 1 1.885-1.886 1.333 1.333 0 0 1-1.885 1.886"/></svg></template>
<script setup lang="ts">
/**
 * Key20 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>
