<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="M38.394 6.94a1.5 1.5 0 0 0-2.122 2.12l1.606 1.607-14.5 14.5H16a1.5 1.5 0 0 0-1.061.439l-2.667 2.667a1.5 1.5 0 0 0 0 2.121L21.878 40l-9.606 9.606a1.5 1.5 0 0 0 2.122 2.121L24 42.121l9.606 9.606a1.5 1.5 0 0 0 2.121 0l2.667-2.666A1.5 1.5 0 0 0 38.833 48v-7.379l14.5-14.5 1.606 1.606a1.5 1.5 0 1 0 2.121-2.121l-2.666-2.667L41.06 9.606zM25.062 38.94l9.604 9.604 1.167-1.166V40c0-.398.158-.78.44-1.06L51.211 24 40 12.788l-14.94 14.94a1.5 1.5 0 0 1-1.06.439H16.62l-1.167 1.166 9.604 9.604.002.002z"/></svg></template>
<script setup lang="ts">
/**
 * PushPin64 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>
