<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M8.682 11.196c3.987-3.987 10.532-3.707 14.164.606l1.153 1.37 1.153-1.37c3.632-4.313 10.177-4.593 14.164-.606a9.62 9.62 0 0 1 0 13.608L25.06 39.061a1.5 1.5 0 0 1-2.122 0L8.682 24.804a9.62 9.62 0 0 1 0-13.608m11.869 2.539a6.622 6.622 0 1 0-9.748 8.948l13.196 13.196 13.196-13.196a6.622 6.622 0 1 0-9.748-8.948l-2.3 2.732-1.148 1.362-1.147-1.362z"/></svg></template>
<script setup lang="ts">
/**
 * Favorite48 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>
