<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 1 1-1.06 1.06l-4.054-4.053-2.386 2.387a.75.75 0 0 1-1.06 0l-5.94-5.94a4.135 4.135 0 0 1-.008-5.84L1.97 3.03a.75.75 0 0 1 0-1.06m2.613 3.674a2.635 2.635 0 0 0 .007 3.72l5.41 5.41 1.855-1.858zm5.802-.806a4.135 4.135 0 1 1 6.086 5.586l-1.453 1.451-1.06-1.06 1.452-1.452a2.635 2.635 0 1 0-3.878-3.56l-.959 1.14-.223.263-3.84-3.838a4.12 4.12 0 0 1 3.105 1.47l.384.456z"/></svg></template>
<script setup lang="ts">
/**
 * FavoriteOff20 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>
