<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M16 2.667C8.637 2.667 2.667 8.636 2.667 16S8.637 29.333 16 29.333c7.365 0 13.334-5.97 13.334-13.333S23.364 2.667 16 2.667m6.115 19.23a.83.83 0 0 1-1.143.275c-3.13-1.912-7.072-2.345-11.713-1.285a.831.831 0 0 1-.37-1.62c5.08-1.161 9.436-.661 12.95 1.487.392.24.516.751.276 1.143m1.632-3.631a1.04 1.04 0 0 1-1.43.343c-3.584-2.204-9.047-2.842-13.286-1.555a1.04 1.04 0 0 1-1.298-.692c-.165-.55.145-1.13.694-1.297 4.842-1.47 10.862-.757 14.977 1.772.49.3.644.94.343 1.429m.14-3.78c-4.297-2.553-11.387-2.788-15.49-1.543a1.247 1.247 0 1 1-.724-2.386c4.71-1.43 12.54-1.154 17.487 1.783.594.352.788 1.117.436 1.71a1.246 1.246 0 0 1-1.708.435z"/></svg></template>
<script setup lang="ts">
/**
 * SocialSpotify32 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>
