<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="M9.997 1.667a8.326 8.326 0 0 0-8.33 8.33 8.33 8.33 0 0 0 5.293 7.76c-.076-.658-.137-1.673.027-2.392.151-.652.974-4.141.974-4.141s-.247-.5-.247-1.234c0-1.16.672-2.023 1.508-2.023.713 0 1.056.535 1.056 1.172 0 .713-.453 1.783-.692 2.777-.2.83.418 1.508 1.234 1.508 1.48 0 2.619-1.563 2.619-3.812 0-1.995-1.433-3.386-3.483-3.386-2.372 0-3.764 1.775-3.764 3.613 0 .713.274 1.48.617 1.899a.25.25 0 0 1 .055.24c-.062.26-.206.83-.233.946-.035.15-.124.185-.281.11-1.029-.494-1.673-2.016-1.673-3.236 0-2.626 1.906-5.04 5.505-5.04 2.886 0 5.135 2.057 5.135 4.813 0 2.873-1.81 5.183-4.32 5.183-.842 0-1.638-.438-1.905-.96l-.521 1.982c-.185.727-.693 1.632-1.035 2.187.781.24 1.604.37 2.468.37 4.6 0 8.33-3.73 8.33-8.33-.007-4.607-3.737-8.336-8.337-8.336"/></svg></template>
<script setup lang="ts">
/**
 * SocialPinterest20 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>
