<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="M11.136 1.97a.75.75 0 0 1 1.061 0l.833.833 4.167 4.167.833.833a.75.75 0 0 1-1.06 1.06l-.303-.302-1.97 1.97-.53.53L13.106 10l.53-.53 1.97-1.97L12.5 4.394l-1.97 1.97-.53.53-1.06-1.06.53-.531 1.97-1.97-.304-.303a.75.75 0 0 1 0-1.06M4.47 7.803a.75.75 0 0 1 .53-.22h1.523L1.97 3.03a.75.75 0 0 1 1.06-1.06l15 15a.75.75 0 1 1-1.06 1.06l-4.553-4.553V15a.75.75 0 0 1-.22.53l-.833.834a.75.75 0 0 1-1.061 0L7.5 13.56l-2.803 2.803a.75.75 0 1 1-1.06-1.061L6.438 12.5 3.636 9.697a.75.75 0 0 1 0-1.06zm6.565 4.293-3.13-3.13a.75.75 0 0 1-.405.117H5.31l-.083.084L8.03 11.97l2.803 2.803.084-.084V12.5c0-.149.043-.288.118-.404"/></svg></template>
<script setup lang="ts">
/**
 * PushPinOff20 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>
