<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M49.334 6.5a8.167 8.167 0 1 1-6.51 13.098L22.517 29.75a8.17 8.17 0 0 1 0 4.497L42.824 44.4a8.167 8.167 0 1 1-1.342 2.684L21.174 36.931a8.167 8.167 0 1 1 .001-9.863l20.307-10.154A8.168 8.168 0 0 1 49.334 6.5m0 37.667a5.167 5.167 0 1 0 0 10.334 5.167 5.167 0 0 0 0-10.334M14.667 26.833a5.168 5.168 0 1 0 .001 10.335 5.168 5.168 0 0 0-.001-10.335M49.334 9.5a5.167 5.167 0 1 0 0 10.334 5.167 5.167 0 0 0 0-10.334"/></svg></template>
<script setup lang="ts">
/**
 * Share64 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>
