<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="M7 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6m7.5-3A1.5 1.5 0 0 1 16 4.5h18a1.5 1.5 0 0 1 0 3H16A1.5 1.5 0 0 1 14.5 6m28.289 2.724A1.5 1.5 0 0 1 43.5 10v24a5.5 5.5 0 1 1-3-4.9v-8.673l-13 6.5V38a5.5 5.5 0 1 1-3-4.9V18a1.5 1.5 0 0 1 .83-1.342l16-8a1.5 1.5 0 0 1 1.459.066M40.5 17.073v-4.646l-13 6.5v4.646zM38 31.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m-16 4a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5M14.5 26a1.5 1.5 0 0 1 1.5-1.5h2a1.5 1.5 0 0 1 0 3h-2a1.5 1.5 0 0 1-1.5-1.5M7 29a3 3 0 1 0 0-6 3 3 0 0 0 0 6m7.5-13a1.5 1.5 0 0 1 1.5-1.5h4a1.5 1.5 0 0 1 0 3h-4a1.5 1.5 0 0 1-1.5-1.5M7 19a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/></svg></template>
<script setup lang="ts">
/**
 * Playlist48 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>
