<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 5.334C17.272 5.334 5.333 17.273 5.333 32S17.273 58.666 32 58.666 58.666 46.728 58.666 32 46.728 5.335 32 5.335zm12.229 38.46a1.66 1.66 0 0 1-2.287.55c-6.26-3.824-14.143-4.69-23.425-2.57a1.663 1.663 0 0 1-.74-3.24c10.158-2.322 18.872-1.322 25.9 2.973a1.66 1.66 0 0 1 .552 2.287m3.264-7.262a2.08 2.08 0 0 1-2.86.686c-7.168-4.407-18.094-5.683-26.573-3.109a2.08 2.08 0 0 1-2.594-1.385 2.08 2.08 0 0 1 1.386-2.593c9.685-2.939 21.724-1.515 29.956 3.543a2.08 2.08 0 0 1 .685 2.858m.28-7.56c-8.595-5.106-22.775-5.575-30.98-3.085a2.494 2.494 0 1 1-1.448-4.773c9.42-2.86 25.078-2.307 34.973 3.567a2.49 2.49 0 0 1 .873 3.418 2.49 2.49 0 0 1-3.417.872z"/></svg></template>
<script setup lang="ts">
/**
 * SocialSpotify64 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>
